vue项目中通过Javascript代码播放音频文件

1、首先在assets文件夹下创建一个music文件夹,然后将音频文件存到该文件夹下

2、 然后在html中写上audio标签,带上hidden属性

 <audio
      controls="controls"
      hidden
      src="@/assets/music/song.mp3"
      ref="audio"
    ></audio> 

3、 在methods中定义播放的方法

 playMusic(type) {
   this.$refs.audio.currentTime = 0;//从头开始播放
   this.$refs.audio.play(); //播放
   setTimeout(()=>{
     this.$refs.audio.pause();//停止
   },3000);
 }

4、然后通过点击事件或其它事件触发该播放函数即可

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注