VUE播放音频

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

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值