监听audio事件

1、界面上：

1.    
2.   <!--音频-->
3.   <audio v-if="showAudio"
4.   ref="audioRef"
5.   class="bgMusic"
6.   controls
7.   :autoplay="true"
8.   style="display: none"
9.   @ended="overAudio"
10.   @pause="onPause"
11.   @play="onPlay"
12.   >
13.   <source :src="audioUrl" type="audio/mpeg">
14.   </audio>

2、js部分：

1.   /**
2.   * audio自身事件
3.   * */
4.   // 当音频播放
5.   onPlay () {
6.   console.log('开始播放声音');
7.   },
8.   // 当音频暂停
9.   onPause () {
10.   console.log('暂停播放声音');
11.   },
12.   //播放完毕执行
13.   overAudio(){
14.   console.log('播放声音完毕');
15.   this.audioArr.forEach(item=>{
16.   item.isStart = true;
17.   })

标签：audio,console,log,onPlay,onPause,事件,播放,true,监听
来源： https://www.cnblogs.com/zhengzhijian/p/15966833.html