标签:audio console log onPlay onPause 事件 播放 true 监听
1、界面上:
- <!--音频-->
- <audio v-if="showAudio"
- ref="audioRef"
- class="bgMusic"
- controls
- :autoplay="true"
- style="display: none"
- @ended="overAudio"
- @pause="onPause"
- @play="onPlay"
- >
- <source :src="audioUrl" type="audio/mpeg">
- </audio>
2、js部分:
- /**
- * audio自身事件
- * */
- // 当音频播放
- onPlay () {
- console.log('开始播放声音');
- },
- // 当音频暂停
- onPause () {
- console.log('暂停播放声音');
- },
- //播放完毕执行
- overAudio(){
- console.log('播放声音完毕');
- this.audioArr.forEach(item=>{
- item.isStart = true;
- })
标签:audio,console,log,onPlay,onPause,事件,播放,true,监听 来源: https://www.cnblogs.com/zhengzhijian/p/15966833.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。