在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式

原理:
在微信的JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理)

function autoPlayAudio1() {
        wx.config({
            // 配置信息, 即使不正确也能使用 wx.ready
            debug: false,
            appId: '',
            timestamp: 1,
            nonceStr: '',
            signature: '',
            jsApiList: []
        });
        wx.ready(function() {
            document.getElementById('audio').play();
        });
}

就是关键的那一句:document.getElementById('audio').play();
大家或多或少都知道 iOS Safari 不允许自动播放 audio, 可能已经被坑过了,

参考:https://gist.github.com/ufologist/7c14837db642a6e916ce

你可能感兴趣的:(在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式)