音频播放注意点

  • ios中自动播自动播放没反应
// ios  weixin
document.addEventListener("WeixinJSBridgeReady", function () {
    document.getElementById('audio').play();
}, false);
  • 前后台切换
/* 背景音乐切后台 */
document.addEventListener('visibilitychange', startStopBgMedia);
try {
    wx.ready(function () {
        WeixinJSBridge.on('onPageStateChange', function (res) {
            if (res.active == 'true') {
                methods.audioVisible()
            } else {
                methods.audioHidden()
            }
        })
    });
} catch (error) {

}
function startStopBgMedia() {
    if (document.visibilityState === 'hidden') {
        //切到后台
        audioHidden()
    } else if (document.visibilityState === 'visible') {
        //切到前台
        audioVisible()
    }
}
//背景音乐后台
function audioHidden () {
    $audio.pause();
}
//背景音乐前台
function audioVisible () {
    bgm &&$audio.play();
}
posted @ 2021-08-23 14:20  黄哈哈。  阅读(51)  评论(0编辑  收藏  举报