DOMException: play() failed because the user didn‘t interact with the document first - video篇

报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互解决办法1.视频要静音播放muted// video标签上加这个属性当用户首次进入页面时给提示用户启用告警铃声let audioPlay = document.getElementById('myaudio')audioPlay.play()setTimeo

阿莹yes

2212人浏览 · 2021-05-06 14:31:46

阿莹yes · 2021-05-06 14:31:46 发布

报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互

解决办法

1.视频要静音播放

muted
// video标签上加这个属性

当用户首次进入页面时给提示用户启用告警铃声

let audioPlay = document.getElementById('myaudio')

audioPlay.play()

setTimeout(() => {
  audioPlay.pause()
  audioPlay.load()
}, 10)
// 首次点击与audio交互，设置10毫秒用户也并不会听到铃声，再次使用时设置告警时间即可

踩坑，留下足迹

腾讯云开发者社区

腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。

更多推荐

gurobi证书过期了怎么办

gurobi证书过期了怎么办今天在python中调用Gurobi时发现报错了，显示证书已过期。过期了怎么办？注意，不需要卸载，重新安装哒。你需要：（1）判断你的gurobi版本是不是最新的，如果是最新的，不需要重新下载软件，直接更新license文件即可（2）登入gurobi网站（https://www.gurobi.com/）注册登入（在校园网的状态下），进入到license下载界面，点进去会给