废话不说
首先,大致样式是这样的
然后点击上一帧或者下一帧可以进行一帧一帧的变化。
第一步要添加一个视频播放器(d-player)
添加button按钮并绑定事件
最后添加js事件方法
获取视频播放器实例:'const dplayer = this.$refs,dplayerRef.dp;'
暂停视频播放:'dplayer.video.pause();'
将视频的当前时间向后调整,实现上一帧的效果:
'dplayer.seek(dplayer.video.currentTime - 1 /25);'
"1 / 25"是一个常数,用于表示视频的帧速率,即每秒的帧数。通过将当前时间减去该值,可以实现回退到上一帧。
下一帧实现方式和效果如上。
注:如果视频每帧还是有卡顿,可以进行调整常数进行调整或者切换高清视频(因为有些视频本身的不清楚,每帧也是会模糊的)。