因项目需要打开自动播放音乐,我尝试了多种方法,最后找到了这一种,不过应该只有在微信浏览器环境下可以自动播放。话不多说,老规矩,直接上代码。
1.引入js
<script src="animate/howler.min.js"></script>
官网下载 howler.js - JavaScript audio library for the modern web
2.代码
js
const soundBgm = new Howl({
src: ['static/mp3.mp3'],
loop: true,
preload: true,
})
soundBgm.on('load', () => {
window.WeixinJSBridge && window.WeixinJSBridge.invoke('getNetworkType', {}, () => {
soundBgm.play() 播放
//soundBgm.stop() 停止
}, false);
})
这样在微信浏览器内就可以成功自动播放音频了,另外不知道有没有别的好方法,欢迎大家可以讨论。