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

相关内容

热门资讯

黑科技智能ai!轰趴大菠萝辅助... 黑科技智能ai!轰趴大菠萝辅助器(透视)原本是有挂(确实有挂)-哔哩哔哩；轰趴大菠萝辅助器软件透明挂...
黑科技辅助！wepoke透明挂... 黑科技辅助！wepoke透明挂是真的，wepoke有辅助挂，2025教程（有挂方法）-哔哩哔哩；we...
黑科技实锤!云扑克外挂(透视)... 黑科技实锤!云扑克外挂(透视)原本真的是有挂(有挂分析)-哔哩哔哩;云扑克外挂AI智能教程细节普及云...
黑科技辅助！wepoke确实有... 黑科技辅助！wepoke确实有挂，wepoke有挂 网上，扑克教程（有挂详情）-哔哩哔哩；亲真的是有...
黑科技工具!微扑克机制(透视)... 黑科技工具!微扑克机制(透视)其实真的是有挂(有挂猫腻)-哔哩哔哩，微扑克机制是用手机号来登录游戏的...
黑科技辅助！wepoke一定有... 黑科技辅助！wepoke一定有挂，德州软件工具，高科技教程（有挂技巧）-哔哩哔哩；最新版2026是一...
黑科技辅助挂！wepoke德州... 黑科技辅助挂！wepoke德州扑克系统规律，太坑了总是真的是有挂（详细透视ai智能辅助科技）-哔哩哔...
黑科技模拟器!wpk是否有外挂... 黑科技模拟器!wpk是否有外挂(透视)往昔是真的有挂(的确有挂)-哔哩哔哩;人气非常高，ai更新快且...
黑科技辅助！wepoke辅助，... 黑科技辅助！wepoke辅助，wepoke防外挂，透明挂教程（有挂辅助）-哔哩哔哩;wepoke防外...
黑科技辅助挂！微扑克中牌率，太... 黑科技辅助挂！微扑克中牌率，太坑了都是真的是有挂（详细透视ai智能辅助插件）-哔哩哔哩；微扑克中牌率...