vue使用audio 音频实现播放与关闭（可用于收到消息给提示音效）
创始人
2025-01-07 22:32:30
0次

这次项目中因为对接了即时通讯 IM，有个需求就是收到消息需要有个提示音效，所以这里就想到了用HTML5 提供的Audio 标签，用起来也是很方便，首先让产品给你个提示音效，然后你放在项目中，使用Audio 标签，然后引入这段提示音效即可，后续的操作也是我下面的代码，直接复制即可。
在 这里插入图片描述
具体内容参考W3C详细文档：http://www.w3school.com.cn/jsref/dom_obj_audio.asp

上一篇：vue 给特定满足条件的表单数据添加背景颜色，组件的 row-class-name

下一篇：如果你要从一个接口获取 A 和 B 的数据，并根据获取到的数据展示不同的内容，你可以在 Vue 组件中实现如下：

相关内容

热门资讯

透视总结!wepoker透视功... 透视总结!wepoker透视功能下载(透视)永久脚本辅助软件(详细辅助可靠教程)；wepoker透视...
4分钟了解！新悠悠手游辅助，雀... 4分钟了解！新悠悠手游辅助，雀神麻雀充运势有用吗（切实真的是有挂）；小薇（透视辅助）致您一封信；亲爱...
透视美元局!aapoker辅助... 透视美元局!aapoker辅助软件合法吗(透视)永久脚本辅助app(详细辅助可靠教程)1、aapok...
第1分钟了解！花城牌舍辅助系统... 第1分钟了解！花城牌舍辅助系统下载，广西老友玩辅助（一直是有挂）所有人都在同一条线上，像星星一样排成...
6分钟了解！欢聚水鱼怎么破解，... 6分钟了解！欢聚水鱼怎么破解，河洛缸次辅助（竟然真的是有挂）；1、超多福利：超高返利，海量正版游戏，...
透视科技!wepoker模拟器... 透视科技!wepoker模拟器哪个(透视)永久脚本辅助app(详细辅助必胜教程)；1、打开软件启动之...
9分钟了解！八闽状元郎竹间茶馆... 9分钟了解！八闽状元郎竹间茶馆辅助，上品辅助器（都是是真的有挂）；1、每一步都需要思考，不同水平的挑...
辅助透视!wepoker私局代... 辅助透视!wepoker私局代打(透视)永久脚本辅助app(详细辅助普及教程)；1、完成wepoke...
4分钟了解！广东雀神挂件定制，... 4分钟了解！广东雀神挂件定制，边锋嘉兴红十辅助（切实真的是有挂）1、完成广东雀神挂件定制的残局，帮助...
透视辅助!wepoker模拟器... 透视辅助!wepoker模拟器哪个好用(透视)永久脚本辅助神器(详细辅助科技教程)1、首先打开wep...