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

相关内容

热门资讯

黑科技肯定！wepoke俱乐部... 黑科技肯定！wepoke俱乐部黑科技，（wepoKE）黑科技设备，AI教程（有挂方法）；一、wepo...
透视辅助！微扑克外挂，微扑克透... 透视辅助！微扑克外挂，微扑克透牌软件，我来教教你（有挂细节）；运微扑克透牌软件辅助工具，进入游戏界面...
第9分钟黑科技！wepokea... 第9分钟黑科技！wepokeai代打的胜率，菠萝德州辅助神器，德州教程（有挂黑科技）准备好在wepo...
黑科技工具！wepoke有哪些... 黑科技工具！wepoke有哪些功能，（Wepoke）一贯真的是有挂，必胜教程（有挂细节）小薇（透视辅...
透视辅助！aapoker辅助实... 透视辅助！aapoker辅助实际测试，aapoker辅助实际测试，玩家教程（有挂详情）1、下载好aa...
第九分钟黑科技！aapoker... 第九分钟黑科技！aapoker透明挂辅助器，来玩app辅助工具，技巧教程（有挂黑科技）是由北京得aa...
黑科技存在！wepoke软件能... 黑科技存在！wepoke软件能玩吗，（WEPOke）一贯是真的有挂，切实教程（有挂规律）；1.wep...
六分钟黑科技！wepoke辅助... 六分钟黑科技！wepoke辅助技巧，微扑克后台能控制胜率吗，攻略教程（有挂黑科技）是由北京得wepo...
透视辅助！wpk到底有没有外挂... 透视辅助！wpk到底有没有外挂，wpk有猫腻吗，必胜教程（有挂揭秘）亲，关键说明，wpk到底有没有外...
黑科技教学！wepoke计算辅... 黑科技教学！wepoke计算辅助，（WepOke）智能ai，AA德州教程（有挂解密）；1、实时wep...