一个视频如何实现在 H5 下逐帧播放呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2480 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个普通视频如何在 H5 下能逐帧播放，比如点一个按钮播放一帧。。多谢。

12 条回复 • 2018-02-19 11:22:22 +08:00

metorm

2018-02-18 15:34:07 +08:00 via Android

服务端事先解析成图片？

azh7138m

2018-02-18 15:39:44 +08:00 via Android

video.js 了解一下

blahgeek

2018-02-18 18:01:04 +08:00

设 video.currentTime

darfux

2018-02-18 18:14:26 +08:00

试试这个:
https://github.com/allensarkisyan/VideoFrame
基于 currentTime 封装了一下

GreatHumorist

2018-02-18 18:53:21 +08:00 via iPhone

看过一个骚操作，视频全转成图片，用 js 控制播放，我开始以为 gif，查看到源码兼职惊呆了

moose123

2018-02-18 20:07:57 +08:00

多谢各位

MrFireAwayH

2018-02-18 22:00:20 +08:00

@GreatHumorist 记得没错的话 P 站的某些 GIF 图也是一堆静态图组成的骚的很

mbfan

2018-02-19 00:55:26 +08:00 via iPhone

digimoon

2018-02-19 01:00:29 +08:00

视频每帧全转图片的话那容量大多了吧
最早见到的是在手办站，手办转一圈拍成视频让用户左右拖拽转着看

sivacohan

2018-02-19 01:09:42 +08:00 via iPhone

直接做不行，考虑转图片吧。
视频里面有个概念叫关键帧，同时 web 的跳转又是靠时间的，在 web 上实现逐帧处理超级麻烦。

RqPS6rhmP3Nyn3Tm

2018-02-19 02:17:48 +08:00 via iPhone

@MrFireAwayH 为啥，说不通啊

anheiyouxia

2018-02-19 11:22:22 +08:00 via Android

@moose123 https://greasyfork.org/zh-CN/scripts/27614-html5 播放器增强插件 /code
你参考一下这段代码，可以直接抄