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 组件中实现如下：

相关内容

热门资讯

揭秘真相！微信小程序家乡大二解... 揭秘真相！微信小程序家乡大二解码，xpoker辅助助手，攻略教程（有挂总结）；致您一封信；亲爱微信小...
推荐一款！天天微友第三方辅助软... 推荐一款！天天微友第三方辅助软件下载，hhpoker辅助靠谱吗，透明挂教程（了解有挂）;1、不需要A...
一分钟快速了解！牵手游戏辅助器... 您好：牵手游戏辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
一分钟了解！广东雀神祈福真的有... 一分钟了解！广东雀神祈福真的有用吗，wepoker好友房开挂，必赢教程（真的有挂）是一款可以让一直输...
玩家必看攻略！超级三加一辅助工... 玩家必看攻略！超级三加一辅助工具安装，德普之星私人局透视，必备教程（确实有挂）;AI辅助机器人普及解...
推荐十款！钱柜手游辅助，we ... 推荐十款！钱柜手游辅助，we poker辅助器v3.3，2025新版教程（有挂教程）；亲真的是有正版...
记者揭秘！手机辅助脚本工具，w... 记者揭秘！手机辅助脚本工具，wpk辅助器是真的吗，新2025教程（有挂功能）;一、手机辅助脚本工具A...
玩家实测！小程序牵手跑得有辅助... 玩家实测！小程序牵手跑得有辅助器，pokernow辅助工具，2025新版（有挂细节）；超受欢迎的小程...
重大科普！雀神麻将辅助透视，w... 重大科普！雀神麻将辅助透视，wepoker破解游戏盒子，新版2025教程（有挂技巧）；小薇（透视辅助...
揭秘几款！乐酷辅助，wepok... 揭秘几款！乐酷辅助，wepoker底牌透视，技巧教程（存在有挂）;AI辅助机器人普及解说快速成为一个...