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

相关内容

热门资讯

一分钟了解！圣游科技，浙江宝宝... 一分钟了解！圣游科技，浙江宝宝游戏辅助器，透牌教程（有挂方法）；无需打开直接搜索加（薇:136704...
玩家必看科普！白银胡乐白银版辅... 玩家必看科普！白银胡乐白银版辅助，微乐四川辅助，2024新版（存在有挂）；无需打开直接搜索加（薇:1...
重大消息！温州茶苑手机辅助器，... 重大消息！温州茶苑手机辅助器，牛总管辅助器，透明挂教程（有挂方针）；无需打开直接搜索加（薇:1367...
透视智能ai！德州局透视（透视... 透视智能ai！德州局透视（透视）原本有开挂辅助挂（有挂攻略）1、下载安装好德州局透视，进入游戏主界面...
实测教程！禅游科技辅助，新道游... 实测教程！禅游科技辅助，新道游开挂，AA德州教程!（有挂解密）1、下载安装好禅游科技辅助，进入游戏主...
透视透明！pokermaste... 透视透明！pokermaster脚本（透视）原本有开挂辅助脚本（讲解有挂）；无需打开直接搜索加（薇:...
七分钟步骤！微乐小程序自建房辅... 七分钟步骤！微乐小程序自建房辅助ios（透视）详细开挂辅助脚本（确实有挂）；无需打开直接搜索加（薇:...
实测发现！途游四川好运符，兴动... 实测发现！途游四川好运符，兴动互娱辅助工具，安装教程（的确有挂）1、下载安装好兴动互娱辅助工具，进入...
透视黑科技！aapoker怎么... 透视黑科技！aapoker怎么拿好牌（透视）最初有开挂辅助软件（有挂透视）1、下载安装好aapoke...
第二分钟办法！微乐自建房运势高... 第二分钟办法！微乐自建房运势高有什么表现（透视）详细开挂辅助插件（真是有挂）；无需打开直接搜索加（薇...