博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Video/Audio禁止快进(退)
阅读量:5288 次
发布时间:2019-06-14

本文共 753 字,大约阅读时间需要 2 分钟。

  首先接着上个随笔。上个随笔主要介绍了视频音频的相关操作、属性和方法。这里主要记录一个应用:禁止快进(快退同理)。

  思路:监听快进事件(此处是监听播放时间更新),利用一个缓存的时间和播放到的时间进行对比,如果时间大于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() })

 

转载于:https://www.cnblogs.com/ljwsyt/p/10792079.html

你可能感兴趣的文章
第二课 新建文件与图层
查看>>
算法笔记_062:蓝桥杯练习 最小乘积(基本型)(Java)
查看>>
POJ2553 The Bottom of a Graph 强连通分量+缩点
查看>>
ip地址分类
查看>>
以前的文章链接好像真的跪了
查看>>
入坑机器学习?听听MIT在读博士的AI心得
查看>>
tesseract-ocr 提高验证码识别率手段之---识别码库训练方法
查看>>
Visual Studio Tools for Unity安装及使用
查看>>
BestCoder Round #75 解题报告
查看>>
spring aop 中获取 request
查看>>
使用Appium进行微信公众号自动化测试
查看>>
小白科普之JavaScript的DOM模型
查看>>
优化javaScript代码,提高执行效率
查看>>
jQuery - Chaining
查看>>
Codeforces 702 D Road to Post Office
查看>>
CodeForces - 361D Levko and Array
查看>>
你知道long和Long有什么区别吗?
查看>>
CodeForces 595B
查看>>
个人站立会议
查看>>
实现鼠标点击以后,内容水平滚动
查看>>