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

相关内容

热门资讯

透视免费"pokem... 透视免费"pokemmo脚本手机版"详细辅助解说技巧(一贯是真的有挂)；1、起透看视 pokemmo...
透视免费"wepok... 透视免费"wepoker代打辅助机器人"详细辅助透视教程(竟然真的有挂)；1、金币登录送、破产送、升...
透视美元局"poke... 透视美元局"poker world辅助器"详细辅助规律教程(一直有挂)；1、完成poker worl...
透视代打"wepok... 透视代打"wepoker透视挂底牌"详细辅助技巧教程(原来有挂)1、下载好wepoker透视挂底牌辅...
透视规律"聚星ai辅... 透视规律"聚星ai辅助工具下载"详细辅助必胜教程(一贯是真的有挂)1、超多福利：超高返利，海量正版游...
透视私人局"hhpo... 透视私人局"hhpoker为什么一直输"详细辅助揭秘教程(原来真的有挂)1、hhpoker为什么一直...
透视免费"wepok... 透视免费"wepoker免费透视脚本"详细辅助介绍教程(本来是有挂)1、玩家可以在wepoker免费...
透视教学"wpk显示... 透视教学"wpk显示有作弊"详细辅助细节揭秘(真是是真的有挂)1、完成wpk显示有作弊透视辅助安装，...
透视系统"wepok... 透视系统"wepoker透视是真的吗"详细辅助详细教程(总是真的有挂)1、透视系统"wepoker透...
透视教程"hhpok... 透视教程"hhpoker有没有辅助"详细辅助教你教程(竟然真的是有挂)；在进入hhpoker有没有辅...