Java教程

监听audio事件

本文主要是介绍监听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事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!