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

相关内容

热门资讯

总算了解！广西老友有破解吗，开... 总算了解！广西老友有破解吗，开心泉州免费辅助器，攻略教程（有挂分享）1、开心泉州免费辅助器有没有辅助...
无独有偶！微信小程序免费黑科技... 无独有偶！微信小程序免费黑科技透视，微乐小程序多功能修改器法子教程（有挂分享）1、这是跨平台的微乐小...
避坑细节！宝宝游戏辅助，决战卡... 避坑细节！宝宝游戏辅助，决战卡五星游戏辅助器，积累教程（有挂规律）亲，关键说明，决战卡五星游戏辅助器...
据权威媒体报道！微信小程序免费... 据权威媒体报道！微信小程序免费黑科技透视，钱塘十三水其实真的有挂手段教程（有挂详细）1、钱塘十三水其...
实测揭晓！同乡游辅助工具制作，... 实测揭晓！同乡游辅助工具制作，永胜联盟会封号吗，模块教程（有挂教学）1、同乡游辅助工具制作模拟器是什...
实测必看！微信小程序免费黑科技... 实测必看！微信小程序免费黑科技开挂，皮皮胡子辅助举措教程（有挂详细）1、起透看视 微信小程序免费黑科...
一分钟揭秘！微乐小程序免费黑科... 一分钟揭秘！微乐小程序免费黑科技安卓，新超凡软件辅助练习教程（有挂存在）1、微乐小程序免费黑科技脚本...
必备辅助推荐！蜜瓜大厅可以装挂... 必备辅助推荐！蜜瓜大厅可以装挂吗，友友联盟辅助脚本，指南书教程（有挂技术）1、进入游戏-大厅左侧-新...
今日焦点！微信小程序免费黑科技... 今日焦点！微信小程序免费黑科技透视，川南久久辅助模块教程（存在有挂）运微信小程序免费黑科技辅助工具，...
技术分享！山西扣点点辅助工具，... 技术分享！山西扣点点辅助工具，福州十八扑外卦视频，诀窍教程（有挂方法）1、山西扣点点辅助工具公共底牌...