众所周知，无法自动播放声音一直是IOS/Android上的惯例。桌面版Safari也在2017年第11版宣布禁止带声音的多媒体自动播放功能。随后，2018年4月发布的Chrome 66正式关闭了声音的自动播放，这意味着音频自动播放和视频自动播放在桌面浏览器中也会失效。
解决音乐无法自动播放问题的两种不受浏览器限制的方法 第5张插图

虽然使用JavaScript原生的play()来解决是一个常见的方法，但是在Chrome浏览器下调用play()会报错：
DOMException: play() failed because the user didn’t interact with the document first.

很多人在百度上搜索后会找到两种主流的方法，但是这里不再赘述浏览器如何设置成自动播放，因为你总不能要求用户在访问网站之前对浏览器自动播放进行提前设置吧。

方法一

构建播放器后，可以在进入页面时缓存，然后自动播放背景音乐，不考虑浏览器。

方法二

注意事项

这种方法只对浏览器有效，无法实现APP上自动播放音乐的效果。