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

相关内容

热门资讯

揭秘攻略辅助！微乐小程序辅助器... 揭秘攻略辅助！微乐小程序辅助器脚本，财神十三章如何提高运气（透视免费开挂辅助工具） 了解更多开挂安装...
揭秘攻略辅助！榕城510k有没... 揭秘攻略辅助！榕城510k有没有挂，财神十三张脚本怎么弄的教程（分享一款开挂辅助神器）；无需打开直接...
必赢方法开挂！we-poker... 必赢方法开挂！we-poker辅助软件教程，新道游辅助器透视挂（透视神器开挂辅助神器） >>您好：软...
解说技巧开挂！蜜瓜大厅可以装挂... 解说技巧开挂！蜜瓜大厅可以装挂吗，新世界辅助软件（玩家必备科普开挂辅助插件）1、下载安装好蜜瓜大厅可...
2026新版技巧辅助！九游破解... 九游破解辅助插件hhpoker开挂教程视频分享装挂详细步骤在当今的网络游戏中，九游破解辅助插件hhp...
AA德州教程!开挂！长春科乐辅... AA德州教程!开挂！长春科乐辅助，新西楚大厅辅助（实测教程开挂辅助脚本）【无需打开直接搜索加薇136...
揭秘教程辅助！唯思竞技游戏辅助... 樱花之盛能不能开挂开挂教程视频分享装挂详细步骤在当今的网络游戏中，樱花之盛能不能开挂作为一种经典的娱...
技巧教程开挂！老友广东辅助工具... 技巧教程开挂！老友广东辅助工具下载，新畅游互娱科技（玩家必用开挂辅助插件）老友广东辅助工具下载ai黑...
新2026教程开挂！邳州友友辅... 新2026教程开挂！邳州友友辅助，微信小程序财神十三章特殊牌（玩家必备教程开挂辅助神器）>>您好：软...
科技教程辅助！微乐家乡自建房辅... 科技教程辅助！微乐家乡自建房辅助app，先锋大厅辅助（透视好友房开挂辅助安装）1、下载安装好微乐家乡...