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

相关内容

热门资讯

实测发现！大菠萝游戏佛手在线辅... 实测发现！大菠萝游戏佛手在线辅助怎么用，约战沙城攻略，正版辅助开挂神器（有挂透视）；无需打开直接搜索...
透视最新！wepoker免费辅... 透视最新！wepoker免费辅助器，新老夫子较二八年（插件教程辅助开挂脚本）；无需打开直接搜索打开薇...
专业讨论！手机字牌辅助脚本工具... 专业讨论！手机字牌辅助脚本工具，手机辅助脚本工具，固有有开挂辅助器（有挂攻略）1、下载安装好手机字牌...
重要通知！潮汕掌上娱辅助科技，... 创思维激k辅助器视频是一款专注玩家量身打造的游戏记牌类型软件，在创思维激k辅助器视频这款游戏中我们可...
我来分享！河洛杠次脚本开发，j... 我来分享！河洛杠次脚本开发，jj斗地主辅助，原生有开挂辅助工具（有挂方针）；打开点击测试直接进入微信...
透视存在！佛手在线大菠萝智能辅... 大家好，今天小编来为大家解答佛手在线大菠萝智能辅助器这个问题咨询软件客服可以免费测试直接加微信（13...
盘点一款！熊猫透视辅助无需卡密... >>您好：熊猫透视辅助无需卡密版确实是有挂的，很多玩家在这款熊猫透视辅助无需卡密版游戏中打牌都会发现...
分享个大家！福建天天开心辅助工... 分享个大家！福建天天开心辅助工具，九九联盟辅助，原先有开挂辅助平台（有挂方式）您好：福建天天开心辅助...
透视软件！海贝大厅辅助下载，a... 透视软件！海贝大厅辅助下载，aapoker发牌逻辑（解密教程辅助开挂挂）您好：海贝大厅辅助下载这款游...
一起来探讨！白银胡乐辅助最简单... 一起来探讨！白银胡乐辅助最简单三个步骤，丽水都莱有辅助吗，分享辅助安装（有挂解惑）；无需打开直接搜索...