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

相关内容

热门资讯

是有挂！德普之星辅助工具如何打... 是有挂！德普之星辅助工具如何打开，微信小程序开发，力荐教程（一贯是有挂）；微信小程序开发最新软件透视...
第2分钟项目！h5反杀工具，拱... 第2分钟项目！h5反杀工具，拱趴大菠萝自动计算机器人，高科技教程（一直真的有挂）h5反杀工具ai黑科...
是有挂！wpk辅助是真的吗，卡... 是有挂！wpk辅助是真的吗，卡农血拼辅助，攻略教程（其实是有挂）相信很多朋友都在电脑上玩过卡农血拼辅...
两分钟方案！八一字牌脚本，四川... 两分钟方案！八一字牌脚本，四川途游辅助软件，攻略方法（一直是有挂的） 了解更多开挂安装加（13670...
是有挂！wepoker轻量版透... 是有挂！wepoker轻量版透视系统，边锋干瞪眼辅助，必胜教程（果然是有挂）;一、边锋干瞪眼辅助有挂...
第4分钟经验！途游四川小程序好... 第4分钟经验！途游四川小程序好运卡，微信牵手跑辅助，专业教程（原来真的是有挂）；无需打开直接搜索加薇...
真的有挂！pokemmo脚本，... 真的有挂！pokemmo脚本，免费天天贵阳辅助工具，2026新版教程（一直真的有挂）；免费天天贵阳辅...
第4分钟妙计！雀友会广东潮汕b... 第4分钟妙计！雀友会广东潮汕bus，赣牌圈小程序破解版，实用技巧（其实真的是有挂）《详细加薇1367...
确实有挂！werplan外卦神... 确实有挂！werplan外卦神器，情怀七喜游戏辅助，曝光教程（原来确实有挂）；超受欢迎的情怀七喜游戏...
第三分钟方针！手游游戏挂机辅助... 第三分钟方针！手游游戏挂机辅助，微信小程序游戏破解器，存在挂教程（一贯确实有挂）【无需打开直接搜索加...