最近有一个要求添加背景音乐的需求,我jio得OK,音频文件发给我就好啦(~ ̄▽ ̄)~ 卟啦卟啦写完了,浏览器调试一切都没问题,最后测试才发现iOS系统的没 有 音 乐!!!嗯?
瞬间就jio得才疏学浅~
最后,也算是得到了解决, ̄へ ̄,iOS基于安全考虑的限制,不允许自动播放audio和vedio。
解决方案: 监听WeixinJSBridgeReady事件
微信的JS API建立在微信壳浏览器的内置JS对象WeixinJSBridge上,WeixinJSBridge并不是WebView一打开就有了,客户端需要初始化这个对象,当这个对象准备好的时候,客户端会抛出事件"WeixinJSBridgeReady",so,就可以在回调中播放音乐。
// 音乐自动播放
function play(){
document.getElementById("audio").setAttribute("src","img/bgm.mp3");
document.getElementById("audio").play();
}
document.addEventListener("WeixinJSBridgeReady", function () {
play();
}, false);