ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

监听audio事件

2022-03-05 01:31:57  阅读:279  来源: 互联网

标签:audio console log onPlay onPause 事件 播放 true 监听


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有