audio标签不能自动播放背景音乐的解决办法

项目中背景音乐自动播放都被浏览器屏蔽掉，目前有很多需要自动播放背景音乐的地方，暂时有以下解决方案，不是很完美，目前还没找到完美的解决方案。

1 微信浏览器：

document.addEventListener(“WeixinJSBridgeReady”, function () {
audio.play();
}, false);

亲测可用，

2 添加一个触发事件，触发音频播放。

$(“html”).one(‘touchstart’,function(){
audio.play();
})

3 添加音频控制按钮
var audio = $(“#audio”)[0];
function toggleMusic() {
if (audio.paused) {
audio.play();
$(“.music-btn”).removeClass(“active”);
} else {
audio.pause();
$(“.music-btn”).addClass(“active”);
}
}