解决浏览器不能自动播放音频的问题，audio标签不自动播放

武飞扬头像

fxj1160259824

2024-04-24 帮助1人

项目需求需要自动报警，但是现代大多数浏览器限制了音频的自动播放，需要用户和页面进行交互才能播放。

学新通

vuecli项目，我的思路是，audio标签写在入口app.vue里，这样可以在其他页面通过id直接获取元素；然后在用户点击登录的时候获取到audio标签存入vuex，在需要自动播放的页面获取vuex的元素，然后播放。

代码

app.vue

学新通

login.vue

学新通

vueX代码

存

学新通

取

学新通

需要自动播放音频的页面

学新通

完成，有个小问题，当用户刷新了页面，vueX的数据会被清除，造成播放失败；在不刷新页面的情况下是正常的。

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhgfcgkk

系列文章

同类精品