报错原因是chrome新特性,内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰,首次加载页面需要用户和audio/video进行交互
需求如下
实时刷新告警列表,保证用户获取到最新告警消息,当有新的告警消息时,响警报铃
解决方案
当用户首次进入页面时给提示用户启用告警铃声
let audioPlay = document.getElementById('myaudio')
audioPlay.play()
setTimeout(() => {
audioPlay.pause()
audioPlay.load()
}, 10)
首次点击与audio交互,设置10毫秒用户也并不会听到铃声,再次使用时设置告警时间即可