首页 > 新品看点 > 正文

chrome不允许自动播放

新品看点 时间:2024-10-20 14:00:38

chrome下音频无法自动播放的解决办法

直到用户有交互之后,再次调用play()方法才会正常播放。但是对于开发来说,很多情况下我们还是需要让音频自动播放的,比如实时消息通知,有最新消息的话,播放提示音,这种情况下我们该怎么办呢,经过查阅和自己的摸索,目前有以下三种办法可以较好的解决这个问题,我们来看:

1. 诱导用户发起交互。我们可以在页面加载完毕后,弹出一个获取权限的通知,诱导用户点击。这样,有了用户的主动交互行为,音视频便可以正常播放了。

2. 音视频静音播放。chrome允许音视频在静音的情况下自动播放。也就是说,假如给音视频增加muted属性,这种情况下chrome是允许自动播放的,对于视频来说这种办法也不失为一种可行的方案。但是对于上边我们提出的收到消息播放提示音通知这样的需求,便无法满足了。所以这种办法并不能解决音频的问题。代码如下:

3. 通过iframe实现音视频文件实现自动播放。有位外国友人写的一篇文章中 ,提及到这种办法,我们把音频文件放入一个html文件,然后在我们需要使用的页面中用iframe引入此页面,这样可以实现自动播放,但是经过我的多番测试发现,当前引入的页面域名,不可以和iframe的src域名相等,不然的话会不太稳定,时而报错,时而正常。

郑重声明:图文由自媒体作者发布,我们尊重原作版权,但因数量庞大无法逐一核实,图片与文字所有方如有疑问可与我们联系,核实后我们将予以删除。