VUE播放音频
最近要在页面上做播放音频文件,首先就想到html的Audio这个标签,在页面上写标签,赋值src,获取组件播放,试过之后不行,希望大家用时候不用踩坑,通过下面方式解决问题了
·
最近要在页面上做播放音频文件,首先就想到html的Audio这个标签,在页面上写标签,赋值src,获取组件播放,试过之后不行,希望大家用时候不用踩坑,通过下面方式解决问题了
首先在页面上引用mp3文件
//引用文件
import mp3 from "../../public/audio/alarm.wav";
//定义变量
let audio=null;
然后在需要调用的地方写代码,播放mp3
//播放音频
playAudio() {
audio = new Audio();
audio.src = mp3;
audio.loop = "loop";
audio.play();
},
//停止音频
stopAudio() {
audio.pause();
},
这样就可以实现播放音频,暂停音频
如果其他前端问题或者合作,可以发邮件探讨:mxgsa@qq.com
更多推荐
已为社区贡献3条内容
所有评论(0)