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

相关内容

热门资讯

最终！皮球茶馆辅助器，中至余干... 最终！皮球茶馆辅助器，中至余干破解器，力荐教程（切实是真的挂）-哔哩哔哩中至余干破解器辅助器中分为三...
现场直击！微信多乐跑辅助，哈糖... 现场直击！微信多乐跑辅助，哈糖大菠萝破解器，透明挂教程（其实有挂）-哔哩哔哩1、哈糖大菠萝破解器系统...
最终！微乐家乡麻辣自建房辅助a... 最终！微乐家乡麻辣自建房辅助app，哥哥打大a有没有辅助，介绍教程（都是真的是有挂）-哔哩哔哩1、微...
受玩家影响！广东雀神祈福真的有... 受玩家影响！广东雀神祈福真的有用吗，南宁友乐辅助，攻略教程（都是存在有挂）-哔哩哔哩1、该软件可以轻...
此事引发网友热议！闽乐乐510... 此事引发网友热议！闽乐乐510k脚本，多乐辅助app，黑科技教程（原来是真的挂）-哔哩哔哩1、下载好...
不少玩家反映！微乐老友广东辅助... 不少玩家反映！微乐老友广东辅助器，逗好乐游辅助器，德州教程（总是有挂）-哔哩哔哩1、微乐老友广东辅助...
出乎意料的是！福麻圈辅助，丰城... 出乎意料的是！福麻圈辅助，丰城呱呱辅助器，透明挂教程（真是真的是有挂）-哔哩哔哩暗藏猫腻，小编详细说...
网友热议！腾达填大坑辅助器，微... 网友热议！腾达填大坑辅助器，微信小程序微乐房间怎么开挂，德州论坛（果然存在有挂）-哔哩哔哩该软件可以...
于此同时！决战卡五星辅助ios... 于此同时！决战卡五星辅助ios，家乡大二辅助，玩家教你（真是存在有挂）-哔哩哔哩一、决战卡五星辅助i...
目前！广东闲来辅助，广西友乐免... 目前！广东闲来辅助，广西友乐免费辅助，黑科技教程（果然有挂）-哔哩哔哩1）广西友乐免费辅助辅助挂：进...