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、哈糖大菠萝...
第6分钟了解！福建大玩家透视（... 第6分钟了解！福建大玩家透视（辅助）新金龙开挂辅助软件-一直存在有神器1）福建大玩家透视免费钻石：进...
透视软件!pokerworld... 透视软件!pokerworld辅助器,德普之星透视辅助(透视)都是真的是有辅助技巧(哔哩哔哩)pok...
第三分钟了解！天天辅助工具（辅... 第三分钟了解！天天辅助工具（辅助）海港开挂辅助修改器-确实是真的插件1、金币登录送、破产送、升级送、...
2026版教学!pokerwo... 2026版教学!pokerworld辅助器,如何下载德普之星辅助软件(透视)真是有辅助脚本(哔哩哔哩...
4分钟了解！至友互娱情怀app... 4分钟了解！至友互娱情怀app抚州软件（辅助）乐趣开挂辅助工具-果然是真的神器至友互娱情怀app抚州...
2026版攻略!佛手在线大菠萝... 2026版攻略!佛手在线大菠萝技巧,德普之星辅助软件(透视)都是是真的辅助神器(哔哩哔哩)佛手在线大...
第5分钟了解！蜀山四川vip破... 第5分钟了解！蜀山四川vip破解（辅助）指尖四川麻将开挂辅助脚本-好像是真的下载1、游戏颠覆性的策略...
透视好牌!xpoker辅助神器... 透视好牌!xpoker辅助神器,德普之星辅助软件(透视)都是是有辅助攻略(哔哩哔哩)1、下载好xpo...
第4分钟了解！兴动休闲辅助（辅... 第4分钟了解！兴动休闲辅助（辅助）乐运麻将开挂辅助工具-竟然存在有神器1、进入到兴动休闲辅助是否有挂...