关于视频一帧一帧如何变化

废话不说

首先,大致样式是这样的

然后点击上一帧或者下一帧可以进行一帧一帧的变化。

第一步要添加一个视频播放器(d-player)

添加button按钮并绑定事件

最后添加js事件方法

 获取视频播放器实例:'const dplayer = this.$refs,dplayerRef.dp;'

暂停视频播放:'dplayer.video.pause();'

将视频的当前时间向后调整,实现上一帧的效果:

        'dplayer.seek(dplayer.video.currentTime - 1 /25);'

"1 / 25"是一个常数,用于表示视频的帧速率,即每秒的帧数。通过将当前时间减去该值,可以实现回退到上一帧。

下一帧实现方式和效果如上。

注:如果视频每帧还是有卡顿,可以进行调整常数进行调整或者切换高清视频(因为有些视频本身的不清楚,每帧也是会模糊的)。

  • 11
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值