之前一直用微信的jssdk监听:也就是网上常用的代码
<audio style="display:none; height: 0" id="mymusic" preload="auto" src="../static/videos/bg-music.mp3" loop="loop"></audio>
function audioAutoPlay(id){
var audio = document.getElementById(id);
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
}
audioAutoPlay('myMusic');
这个方法之前是可用,但是最新发现微信官方修改了游戏规则:
如下:https://developers.weixin.qq.com/community/develop/doc/000e640d77cfa001132a6cb8456c01
所以现在换一个曲线救国的方式监听触摸事件:
//–创建触摸监听,当浏览器打开页面时,触摸屏幕触发事件,进行音频播放
document.addEventListener('touchstart', function() {
document.getElementById('mymusic').play()
})