使用audio标签在浏览器上使用可以正常播放音乐,但是在微信上却不能播放,下面是解决方案:
<audio autoplay="autoplay" id="audio" loop="loop" preload="auto" ref="bgSound" src="https://img01.71360.com/file/read/www2/M00/F9/E5/rBwBEmQETGeAdlKgACOsPiNvkNM147.mp3"> </audio><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { var audio = document.getElementById('audio'); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); } audioAutoPlay(); }); document.addEventListener('touchstart', function () { function audioAutoPlay() { var audio = document.getElementById('audio'); audio.play(); } audioAutoPlay(); }); </script>
参考文章:https://blog.csdn.net/lucron/article/details/128064750