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

相关内容

热门资讯

两分钟了解！微信小程序旺旺福建... 您好，微信小程序旺旺福建辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】...
第4分钟了解！新上游拼十辅助（... 第4分钟了解！新上游拼十辅助（辅助）星悦广西麻将开挂辅助神器-切实有挂平台1、让任何用户在无需新上游...
2分钟了解！皮皮游戏挂机辅助（... 2分钟了解！皮皮游戏挂机辅助（辅助）周口麻将开挂辅助神器-都是真的是有下载1、在皮皮游戏挂机辅助插件...
6分钟了解！闲来辅助最新版下载... 6分钟了解！闲来辅助最新版下载（辅助）小闲巴渝棋牌开挂辅助脚本-原来真的是有辅助1、这是跨平台的闲来...
第三分钟了解！新永和辅助（辅助... 第三分钟了解！新永和辅助（辅助）微乐卡五星开挂辅助软件-都是真的是有平台1、新永和辅助辅助软件下载优...
第4分钟了解！荔枝竞技透视器（... 第4分钟了解！荔枝竞技透视器（辅助）指趣开挂辅助插件-竟然存在有插件亲，关键说明，荔枝竞技透视器透视...
三分钟了解！兴动互娱辅助工具下... 三分钟了解！兴动互娱辅助工具下载（辅助）点点游戏开挂辅助辅助-都是是真的软件1、这是跨平台的兴动互娱...
第7分钟了解！福州十八扑辅助（... 第7分钟了解！福州十八扑辅助（辅助）廊坊麻将开挂辅助下载-真是是有脚本1）福州十八扑辅助辅助插件：进...
四分钟了解！创思维怎么开挂（辅... 四分钟了解！创思维怎么开挂（辅助）风风棋牌开挂辅助插件-原来是有脚本；1、创思维怎么开挂公共底牌简单...
第九分钟了解！赣牌圈科技有没有... 第九分钟了解！赣牌圈科技有没有挂（辅助）STA开挂辅助工具-原来是有辅助进入游戏-大厅左侧-新手福利...