这和浏览器有很大关系,找一下浏览器自动播放音乐的设置,看看能不能更改,不能的换就换个浏览器,比如360、qq浏览器都是允许自动播放音乐的。
在360或者qq浏览器,audio的自动播放属性目前为止是有效的,网页的body里面插入下面代码后,打开页面就会自动播放音乐。
但是Edge、谷歌等浏览器是不支持音乐自动播放的,通常会报错。
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
我们看一下谷歌浏览器怎么说的。(已自动翻译为中文)
当然下面还提出了一些解决办法,下面我会给出几个我已经测试过的解决办法。
上面也说了可以始终允许静音自动播放,用户可以通过点击按钮使其播放,这个方法很多平台都在使用。(比如网页浏览一个b站视频,需要点击播放音频按钮才会播放音频)
在body中插入如下代码即可。(按钮样式需要自己找一个)
这个方法有一个问题就是音频一直在静音播放,你不知道进度,等你点击按钮可能音频已经播放几秒钟了。
使用网易云音乐的外链播放器,在网易云官网搜索一首歌曲之后进入播放页面,点击生成外链播放器。
使用iframe插件,复制代码。
但是要注意一点,代码中的src是不完整的,需要在前面加上http:
可以自己调整位置,让这个插件显示在页面上方,用户自己决定音乐的播放。
这个办法需要用户点击了页面才会自动播放音乐。
使用按钮控制HTML5背景音乐开关,源码来自https://www.helloweba.net/javascript/321.html大家可以自行下载。
如何找音乐链接可以看我的文章:
如何获取喜欢的音乐id换个浏览器打开html文件,目前360、qq浏览器是支持自动播放音频的,不用任何操作。