解决音乐无法自动播放问题的两种不受浏览器限制的方法

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

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

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

方法一

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

解决音乐无法自动播放问题的两种不受浏览器限制的方法 第3张插图
此处内容已隐藏,评论后刷新即可查看!

方法二

解决音乐无法自动播放问题的两种不受浏览器限制的方法 第3张插图
此处内容已隐藏,评论后刷新即可查看!

注意事项

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

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/6583.html

上一篇 2023-5-20 05:00
下一篇 2023-5-20 09:06

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

已有 17 条评论