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

相关内容

热门资讯

第6分钟辅助！茶馆辅助软件（辅... 第6分钟辅助！茶馆辅助软件（辅助挂）竟然存在有挂（详细辅助细节揭秘）1、进入游戏-大厅左侧-新手福利...
第二分钟了解!心悦填大坑辅助视... 第二分钟了解!心悦填大坑辅助视频(辅助挂)总是是真的有挂(详细辅助方法)准备好在心悦填大坑辅助视频i...
分享一款!九九山城万州辅助(辅... 这是一款非常优秀的九九山城万州辅助 ia辅助检测软件，能够让你了解到九九山城万州辅助中牌率当中全部隐...
最新技巧"葫芦娃七子... 最新技巧"葫芦娃七子降妖内购破解版下载"葫芦娃七子降妖内购破解版下载(果然是真的有挂)1）葫芦娃七子...
黑科技辅助挂“浙江宝宝游戏辅助... 黑科技辅助挂“浙江宝宝游戏辅助器哪里能下载”外挂透视辅助工具（确实真的是有挂）运浙江宝宝游戏辅助器哪...
六分钟了解!小程序牵手跑得快有... 六分钟了解!小程序牵手跑得快有外挂吗(辅助挂)一贯真的有挂(详细辅助攻略)；《WPK辅助透视》‌：支...
九分钟了解！小程序牵手跑得有外... 九分钟了解！小程序牵手跑得有外挂吗（辅助挂）果然有挂（详细辅助介绍教程）；小程序牵手跑得有外挂吗软件...
揭秘一下!兴动休闲辅助(辅助挂... 揭秘一下!兴动休闲辅助(辅助挂)原先是真的有挂(详细辅助黑科技教程)；原来确实真的有挂（需添加指定薇...
必备辅助推荐"福建十... 必备辅助推荐"福建十三水辅助"福建十三水辅助(都是是有挂)；所有人都在同一条线上，像星星一样排成一排...
黑科技辅助“新佛手在线辅助软件... 黑科技辅助“新佛手在线辅助软件”外挂透视辅助app（好像是有挂）进入游戏-大厅左侧-新手福利-激活码...