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辅助器手机版下载(透视)底牌透视挂辅助神器(可靠开挂辅助2025新版教程)...
技术分享!"wpk辅... 技术分享!"wpk辅助nzt"详细外挂透明挂辅助神器-果然是有挂(哔哩哔哩)是一款可以让一直输的玩家...
八分钟了解(WPK玄学)软件透... 八分钟了解(WPK玄学)软件透明挂辅助app(透视)揭秘教程(2025已更新)(哔哩哔哩)是一款可以...
第8分钟了解!广东雀神挂件脚本... 第8分钟了解!广东雀神挂件脚本开挂(辅助挂)详细透视开挂辅助2025新版(竟然有挂)-哔哩哔哩；广东...
透视黑科技!hhpoker德州... 【福星临门，好运相随】；透视黑科技!hhpoker德州透视挂(透视)底牌透视挂辅助下载(可靠开挂辅助...
分享实测"微扑克辅助... 分享实测"微扑克辅助工具"详细外挂透明挂辅助软件-先前真的有挂(哔哩哔哩)；大家肯定在之前微扑克辅助...
三分钟了解(德扑ai软件)外挂... 三分钟了解(德扑ai软件)外挂透明挂辅助安装(透视)透视教程(2022已更新)(哔哩哔哩)是一款可以...
第九分钟了解!天天川南辅助(辅... 第九分钟了解!天天川南辅助(辅助挂)详细透视开挂辅助解密教程(本来有挂)-哔哩哔哩；详细天天川南辅助...
重大通报!"wpk机... 【福星临门，好运相随】；重大通报!"wpk机器人"详细外挂透明挂辅助安装-从来是真的有挂(哔哩哔哩)...
透视数据!wpk官网下载链接(... 透视数据!wpk官网下载链接(透视)底牌透视挂辅助下载(可靠开挂辅助新2025教程)-哔哩哔哩；1、...