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外挂显示，我来教教你（都是真的有挂）;1分钟了解详细...
aapoker有挂(aapOK... aapoker有挂(aapOKER)aapoker脚本透明(辅助挂)AI教程(确实是有挂)1、许多玩...
黑科技玄学！aapoker辅助... 1、黑科技玄学！aapoker辅助是什么，Aapoker app，玩家教程（本然真的是有挂）；详细教...
wpk透明挂(wPk)wpk ... wpk透明挂(wPk)wpk ai辅助(透视)安装教程(确实是真的有挂)1、超多福利：超高返利，海量...
微扑克辅助机器人(微扑克wpk... 微扑克辅助机器人(微扑克wpk)微扑克德州专用辅助器(辅助挂)解密教程(都是是真的有挂)；1、微扑克...
黑科技辅助挂！wpk透视挂会被... 《黑科技辅助挂！wpk透视挂会被封号吗，wpk俱乐部有没有外挂，必赢教程（素来存在有挂）》 wpk透...
德扑之星软件(德扑)德扑之星电... 德扑之星软件(德扑)德扑之星电脑版(辅助挂)2025教程(确实存在有挂)；1、完成德扑之星软件的残局...
辅助黑科技！wepoke黑科技... 辅助黑科技！wepoke黑科技功能，wepoke德州扑克，黑科技教程（固有存在有挂）；人气非常高，a...
aapoker系统机制(AAp... aapoker系统机制(AApoker)aapoker智能ai辅助(辅助挂)力荐教程(本来有挂)aa...
黑科技有挂！wepoke有透视... 黑科技有挂！wepoke有透视挂吗，we poke有挂吗，必胜教程（原生真的是有挂）准备好在wepo...