html52.com
我爱小程序-开发者交流社区

公众号开发使用的音频.play()原来没问题,上个月29那天突然发现安卓机无效了,苹果机正常?

苹果手机跟安卓手机的第一页音频播放都生效。但是到 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>


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付