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

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

解决办法

1.视频 要静音播放

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

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

let audioPlay = document.getElementById('myaudio')

audioPlay.play()

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

踩坑，留下足迹