最近要在页面上做播放音频文件,首先就想到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   

Logo

前往低代码交流专区

更多推荐