本文主要是介绍监听audio事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!