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

相关内容

热门资讯

做出回应！微乐自建房脚本免费下... 做出回应！微乐自建房脚本免费下载苹果版，微乐小程序黑科技，要领教程（有挂下载）-哔哩哔哩1、打开软件...
第5分钟插件！微信小程序游戏辅... 第5分钟插件！微信小程序游戏辅助器，微乐小程序黑科技，积累教程（有挂app）-哔哩哔哩1、微信小程序...
透视存在！微乐小程序挂哪里，微... 透视存在！微乐小程序挂哪里，微乐小程序黑科技，窍门教程（有挂app）-哔哩哔哩运微乐小程序挂哪里辅助...
五分钟辅助！微信微乐辅助器免费... 五分钟辅助！微信微乐辅助器免费安装，微乐小程序黑科技，积累教程（有挂app）-哔哩哔哩1、游戏颠覆性...
透视安装！微乐自建房辅助多少钱... 透视安装！微乐自建房辅助多少钱一个月，微乐小程序免费黑科技，绝活教程（有挂插件）-哔哩哔哩1、许多玩...
9分钟脚本！微乐小程序辅助开挂... 9分钟脚本！微乐小程序辅助开挂，微乐小程序免费黑科技，项目教程（有挂下载）-哔哩哔哩1、操作简单，无...
透视苹果版！微信微乐游戏辅助脚... 透视苹果版！微信微乐游戏辅助脚本，微乐小程序黑科技，指引教程（有挂修改器）-哔哩哔哩微信微乐游戏辅助...
第4分钟辅助！微信微乐自建房脚... 第4分钟辅助！微信微乐自建房脚本免费下载，微乐小程序黑科技，攻略教程（有挂工具）-哔哩哔哩1、微信微...
透视插件！微乐小程序辅助工具，... 透视插件！微乐小程序辅助工具，微乐小程序免费黑科技，讲义教程（有挂安装）-哔哩哔哩；1、微乐小程序免...
第6分钟脚本！微乐小程序免费黑... 第6分钟脚本！微乐小程序免费黑科技是真的吗，微乐小程序黑科技，积累教程（有挂安装）-哔哩哔哩1、点击...