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

相关内容

热门资讯

黑科技数据!(扑克时间后台数据... 黑科技数据!(扑克时间后台数据)外挂辅助下载!(wpk机制)AI教程(2021已更新)(哔哩哔哩);...
热点推荐！微扑克ai辅助神器，... 热点推荐！微扑克ai辅助神器，wepoke德州扑克安卓下载，透明挂教程（详细教程）-哔哩哔哩；小薇（...
8分钟精通！大菠萝789辅助器... 8分钟精通！大菠萝789辅助器下载，智星德州有脚本吗（透视）科技教程（证实有挂）1、大菠萝789辅助...
黑科技有挂!(wpk安卓版本)... 黑科技有挂!(wpk安卓版本)外挂辅助app!(鱼扑克)线上教程(2024已更新)(哔哩哔哩)；wp...
查到实测辅助！微扑克软件发牌管... 查到实测辅助！微扑克软件发牌管理，aapoker发牌机制，德州论坛（有挂实锤）-哔哩哔哩;是一款可以...
第六分钟发现！pokerwor... 第六分钟发现！pokerworld修改器，wepoker透视底牌（透视）力荐教程（有挂规律）1.po...
2024版技巧!(德扑数据)软... 《2024版技巧!(德扑数据)软件透明挂辅助ai代打!(WPK数据)揭秘攻略(2020已更新)(哔哩...
记者揭秘！wopoker德州真... 记者揭秘！wopoker德州真的有挂，aapoker 辅助工具，新2025版（有挂助手）-哔哩哔哩;...
第4分钟发现！hhpoker透... 第4分钟发现！hhpoker透视方法，we poker辅助器下载（透视）辅助教程（有挂头条）1）we...
必看攻略!(微扑克模拟器)外挂... 必看攻略!(微扑克模拟器)外挂透明挂ai代打辅助安装插件!(xpoker)规律教程(2020已更新)...