首先接着上个随笔。上个随笔主要介绍了视频音频的相关操作、属性和方法。这里主要记录一个应用:禁止快进(快退同理)。
思路:监听快进事件(此处是监听播放时间更新),利用一个缓存的时间和播放到的时间进行对比,如果时间大于1秒(保险起见使用2秒,以避免在播放的时刻正好在计时的那一刻的尴尬),则表明是快播,给其重置回播放时间即可。
代码:
1 8 9 onTimeUpdate() {10 // 学习中11 if (this.playObj.effectiveDuration < this.playObj.totalDuration) {12 // 禁止快进13 if (this.videoAss.currentTime - this.lastTimeString > 2) {14 this.videoAss.currentTime = this.lastTimeString15 } else {16 this.lastTimeString = this.videoAss.currentTime17 }18 }19 }20 this.videoAss = document.getElementById('kingdom-video')21 this.videoAss.addEventListener('timeupdate', () => { this.onTimeUpdate() })