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

相关内容

热门资讯

透视方案！pokemmo修改器... 透视方案！pokemmo修改器手机版（透视）开挂脚本神器（哔哩哔哩）1、pokemmo修改器手机版破...
第三分钟脚本！哈局辅助作必弊，... 第三分钟脚本！哈局辅助作必弊，顺欣茶楼辅助视频（确实真的有辅助安装）-哔哩哔哩运顺欣茶楼辅助视频辅助...
第四分钟办法!云扑克有透视吗(... 第四分钟办法!云扑克有透视吗(透视)都是真的有辅助插件(哔哩哔哩)1、该软件可以轻松地帮助玩家将云扑...
玩家必看攻略"新西部... 玩家必看攻略"新西部挂透视辅助"一贯存在有辅助教程(有挂助手)-哔哩哔哩1、用户打开应用后不用登录就...
透视攻略！wepoker破解器... 透视攻略！wepoker破解器有用吗（透视）开挂脚本app（哔哩哔哩）1、玩家可以在wepoker破...
第二分钟方针!wepoker轻... 第二分钟方针!wepoker轻量版透视(透视)原来存在有辅助开挂(哔哩哔哩)1、玩家可以在wepok...
四分钟安装！榕城510k有没有... 四分钟安装！榕城510k有没有挂，科技新星游牛牛辅助（都是存在有辅助安装）-哔哩哔哩该软件可以轻松地...
一直以来"人人燕赵辅... 一直以来"人人燕赵辅助下载"本来有有辅助教程(有挂教学)-哔哩哔哩1、起透看视 人人燕赵辅助下载辅助...
透视课程！wepoker一直输... 透视课程！wepoker一直输的号能继续打吗（透视）开挂透视平台（哔哩哔哩）wepoker一直输的号...
第二分钟辅助！新上游修改器，皮... 第二分钟辅助！新上游修改器，皮皮游戏辅助工具（真是是真的辅助工具）-哔哩哔哩1、皮皮游戏辅助工具脚本...