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

相关内容

热门资讯

为了进一步！微信小程序免费黑科... 为了进一步！微信小程序免费黑科技透视，新道游app辅助器教材教程（有挂规律）1、玩家可以在微信小程序...
如何分辨真伪！新超凡软件辅助，... 【福星临门，好运相随】；如何分辨真伪！新超凡软件辅助，微乐陕西小程序脚本，新版2025教程（原来有开...
实测发现！微乐贵阳捉鸡麻将挂软... 您好：微乐贵阳捉鸡麻将挂软件这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...
带你了解！牛总管一定要牛辅助，... 带你了解！牛总管一定要牛辅助，雀友会潮汕图片辅助器，wepoke教程（原来有开挂辅助神器）是一款可以...
推荐十款！爱玩联盟辅助下载，悟... 推荐十款！爱玩联盟辅助下载，悟空大厅微信辅助，解说技巧（原来有开挂辅助黑科技）；推荐十款！爱玩联盟辅...
最新技巧！雀友会辅助潮汕麻将脚... 最新技巧！雀友会辅助潮汕麻将脚本，微信小程序微乐怎么才能发好牌，2025版教程（原来有开挂辅助助手）...
玩家亲测！欢乐达人脚本，wep... 玩家亲测！欢乐达人脚本，wepoker插件下载，科技教程（原来有开挂辅助app）；作为系统规律正版授...
推荐攻略！悟空大厅辅助助手下载... 推荐攻略！悟空大厅辅助助手下载安装，hhpoker是正规的吗，揭秘教程（原来有开挂辅助器）;是一种具...
玩家必看！花花生活圈私人局辅助... 玩家必看！花花生活圈私人局辅助器，新青鸟辅助，高科技教程（原来有开挂辅助器）;AI辅助机器人普及解说...
技术分享！兴动平台辅助下载，财... 技术分享！兴动平台辅助下载，财神十三张脚本辅助，wepoke教程（原来有开挂辅助挂）；最新版2026...