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怎么开辅助，哈糖大菠萝免费辅助器，指南教程（有挂教学）-哔哩哔哩1、哈糖大菠...
第二分钟app！宝宝游戏辅助器... 第二分钟app！宝宝游戏辅助器，乐平讨赏挂，竟然真的是有挂（讲解有挂）-哔哩哔哩1、不需要AI权限，...
9分钟开挂！掌中乐游戏辅助器，... 9分钟开挂！掌中乐游戏辅助器，jj斗地主麻将外g挂，第三方教程-2026最新版本1、全新机制【掌中乐...
透视数据！德州真人透视脚本，p... 透视数据！德州真人透视脚本，pokemmo脚本辅助下载，手段教程（有挂方针）-哔哩哔哩1、在poke...
九分钟攻略！广东雀神祈福辅助器... 九分钟攻略！广东雀神祈福辅助器，随意玩辅助器，好像真的是有挂（有挂技巧）-哔哩哔哩广东雀神祈福辅助器...
两分钟开挂！卡农免费辅助，潮汕... 两分钟开挂！卡农免费辅助，潮汕汇辅助器，细节方法-2026最新版本1、下载好潮汕汇辅助器辅助软件之后...
透视玄学！wepoker透视脚... 透视玄学！wepoker透视脚本苹果版，淘宝买wepoker透视有用吗，练习教程（确实有挂）-哔哩哔...
两分钟技巧！唐山撸麻雀德技巧，... 两分钟技巧！唐山撸麻雀德技巧，微乐家乡自建房辅助app，竟然有挂（有挂方略）-哔哩哔哩1、微乐家乡自...
第五分钟开挂！决战卡五星开挂方... 第五分钟开挂！决战卡五星开挂方法，wepoker开挂事件，透明教程-2026最新版本1、在决战卡五星...
透视中牌率！wepokerpl... 透视中牌率！wepokerplus透视脚本免费，wepoker轻量版透视系统，积累教程（揭秘有挂）-...