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

相关内容

热门资讯

揭秘"雀神广东插件智... 揭秘"雀神广东插件智能解码"雀神广东插件智能解码(确实是有挂)雀神广东插件智能解码是一种具有地方特色...
推荐一款!悠闲卡五星辅助(辅助... 推荐一款!悠闲卡五星辅助(辅助挂)果然有挂(详细辅助揭秘攻略)这是由厦门游乐互动科技有限公司精心打造...
第9分钟了解!潮汕汇鱼虾蟹辅助... 第9分钟了解!潮汕汇鱼虾蟹辅助器(辅助挂)好像真的有挂(详细辅助软件)；科技安装教程；1367043...
玩家爆料"创思维透视... 玩家爆料"创思维透视下载链接"创思维透视下载链接(确实有挂)1、操作简单，无需注册，只需要使用手机进...
大家学习交流!微信新九游辅助(... 1、大家学习交流!微信新九游辅助(辅助挂)往昔存在有挂(详细辅助技巧教程)。2、微信新九游辅助透视辅...
第四分钟了解!禅游指尖四川无限... 第四分钟了解!禅游指尖四川无限钻石(辅助挂)切实真的是有挂(详细辅助攻略)准备好在禅游指尖四川无限钻...
一分钟了解"开心酷跑... 一分钟了解"开心酷跑破解版"开心酷跑破解版(切实有挂)；1、在开心酷跑破解版ai机器人技巧中，中转单...
发现一款!欢聚水鱼智能辅助教程... 发现一款!欢聚水鱼智能辅助教程(辅助挂)一直是真的有挂(详细辅助安装教程)；建议优先通过欢聚水鱼智能...
九分钟了解!来来拼十辅助(辅助... 九分钟了解!来来拼十辅助(辅助挂)一贯是真的有挂(详细辅助技巧)；玩家必备必赢加哟《13670430...
发现一款"闲逸官方辅... 发现一款"闲逸官方辅助软件叫什么名字"闲逸官方辅助软件叫什么名字(果然存在有挂)1、在闲逸官方辅助软...