苹果手机跟安卓手机的第一页音频播放都生效。但是到 musics.get(0).play();在2021.12.29那天突然发现安卓机没生效了,苹果手机正常,原来使用的时候是一直没问题的,代码也没有改过,就在那天开始没兼容安卓机了,请知道的大神们不吝赐教,万分感谢~
<div class="swiper-container swiper-no-swiping">
<div class="swiper-wrapper">
<volist name="res" id="info">
<div class="swiper-slide">
<!-- 后台导入的音频地址 -->
<audio class="music" src="{$info.teacher_voice}" preload="auto"></audio>
</div>
</volist>
</div>
<button class="next"></button>
<button class="prev"></button>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<script>
var mySwiper = new Swiper ('.swiper-container', {
pagination: {
el: '.swiper-pagination',
type: 'fraction',
},
navigation: {
nextEl: '.next',
prevEl: '.prev',
},
});
mySwiper.on('slideChangeTransitionEnd', function () {
swiperindex = mySwiper.activeIndex;
//当前索引
$(".swiper-wrapper").attr("data-ys",swiperindex);
});
</script>
<script>
$(function(){
//进来第一页音频播放
firstmusic = $(".swiper-slide").eq(0).find(".music");
var au=firstmusic.get(0);
au.play();
//微信音频播放事件,正式版释放
document.addEventListener("WeixinJSBridgeReady", function () {
au.play();
}, false);
//首页索引
$(".swiper-wrapper").attr("data-ys",0);
以下代码在2021.12.29当天之后,苹果手机依旧正常,安卓机点击下一页后音频无法播放了,请知道的大神们不吝赐教,万分感谢~
$('.music').bind('ended', function(){
if ($(".swiper-pagination-current").html() == $(".swiper-pagination-total").html()) {
//最后一页执行
console.log('跳转');
window.location.replace("{:U("Book/index")}");
} else{
//非最后一页执行
$(".next").click(); // 点击下一页按钮
var ys = Number($(".swiper-wrapper").attr("data-ys"))+1; //页面索引值
var musics = $(".swiper-slide").eq(ys).find(".music"); //下一页的音频
musics.get(0).play(); //原来是一直没问题的,2021.12.29那天突然发现安卓机没生效了,苹果手机正常
//微信音频播放事件,正式版释放
document.addEventListener("WeixinJSBridgeReady", function () {
musics.get(0).play();
}, false);
}
});
})
</script>