javascript - Bagaimana untuk mencetuskan main balik audio melalui syarat dalam WeChat pada iOS?

Question

Kod berikut ingin menyedari bahawa halaman meluncur ke julat tertentu untuk memainkan 11.mp3 dan kemudian meluncur ke julat tertentu untuk memainkan 22.mp3 Pada masa ini, 11.mp3 menjeda dan memainkan semula, 22. mp3 jeda dan 11.mp3 mainan.

Kod semasa tidak boleh dilaksanakan tanpa klik secara aktif sekali untuk bermain semasa pemuatan pertama Bagaimana untuk menyelesaikan masalah?

ps: Tiada masalah dengan penyemak imbas Android dan PC, tetapi masalah ini akan berlaku dalam WeChat iOS

<audio id="a1" src="http://mat1.gtimg.com/ln/images/mp3/11.mp3" auto loop controls  preload="auto"></audio>
<audio id="a2" src="http://mat1.gtimg.com/ln/images/mp3/22.mp3" loop controls  preload="auto"></audio>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
function autoPlayAudio() {
    wx.config({
        // 配置信息, 即使不正确也能使用 wx.ready
        debug: false
        , appId: ''
        , timestamp: 1
        , nonceStr: ''
        , signature: ''
        , jsApiList: []
    });
    wx.ready(function () {
        var a1 = document.getElementById('a1'), 
            a2 = document.getElementById('a2');
        $(window).on('scroll', function () {
            var x = $('.audio2').offset().top - $(window).scrollTop();
            if (x < 4500 && x > 4000) {
                a1.play();
                a2.pause();
            }
            else if (x < 4000 && x > 3500) {
                a2.play();
                a1.pause();
            }
        })
    });
}
autoPlayAudio();
</script>

Answer 1

sekatan keselamatan sistem ios

Answer 2

IOS kini mengehadkan main balik automatik kesan bunyi atau video, yang memerlukan pengguna mengklik sekurang-kurangnya sekali
Ini juga menjadi trend dalam pelayar sekarang.