收藏
回答

公众号开发,点击下一页音频au2.play()苹果机不播放,安卓机播放?

<div id="main">
    <!-- 第一题 -->
    <div class="box" date-key="A">
        <button class="option" date-option="A"> A </button>
        <button class="option" date-option="B"> B </button>
        <audio src="/audio/K1/2/a_nose.mp3"></audio>
    </div>
    <!-- ... ...更多题目 -->
</div>
<script>
    $(function(){
        var box_i = 0;
        $("#main .box").each(function(){
            //遍历每个BOX下button点击事件
            $(this).find("button").click(function(){
                box_i = box_i+1;
                console.log(box_i);//当前第几题
                //判断是否最后一题
                if (box_i == 10) {
                } else{

                    //播放下一BOX音频,以下代码苹果机不播放音频,安卓机正常播放

                    var box_music = $("#main .box").eq(box_i).find("audio");
                    var au2 = box_music.get(0);
                    setTimeout(function(){
                        au2.play();
                        //微信音频播放事件,正式版释放
                        document.addEventListener("WeixinJSBridgeReady", function () {
                            au2.play();
                        }, false);
                    },4500);
                }
            })
        })
        //点击船播放当前BOX音频,此代码安卓机与苹果机均生效
        $(".chuan").click(function(){
            box_music = $("#main .box").eq(box_i).find("audio");
            var au2 = box_music.get(0);
            au2.play();
            //微信音频播放事件,正式版释放
            document.addEventListener("WeixinJSBridgeReady", function () {
                au2.play();
            }, false);
        });
    });
</script>

请各路大神不吝赐教,万分感谢~

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容