chrome实现音频自动播放 实时消息提示 iframe自动播放

前端有时候会遇到自动播放音频的需求，但谷歌浏览器不支持自动播放音频，可以借助iframe标签来实现。前提是需要用户设置一次本网站允许自动播放，只用设置一次 也只针对当前打开的网站是自动播放的，不影响其他网站。

代码

//template标签中
  <iframe
        src="./hot.mp3"
        frameborder="0"
        wmode="transparent | window"
        style="opacity: 0.0.1;"
        v-if="isAutio"
    ></iframe>
 

 //script标签中
 const isAutio = ref(false)//控制ifream标签是否渲染的 渲染了就自动播放了
// 获取消息列表 如果有高危告警 播放提示音
function getMessage() {
    isAutio.value = true
}
// 延时器循环调用 
setInterval(() => {
    getMessage()
}, 10000)

// 不想有消息就一直响 可以把每条消息的id存sessionStorage里，isAutio.value = true之前判断缓存里有没有这条高危消息的id,有的话就不赋值为true

音频下载

推荐一个电脑下载音频的网站
https://www.51miz.com/ 音频下载
这网站登录了也要买会员下载，可以在network中找到音频的链接，新开一个窗口下载，，，