如何获取HTML5 <video>元素</video>中每个帧的像素数据

时间:2010-09-10 20:39:24

标签: javascript html5 html5-video

我想我必须等待视频完成加载,然后设置一个间隔(1/24秒)以获取当前帧数据,持续视频的持续时间。但这看起来很漂亮,看起来它可能会跳过帧等等......

那么,我是否可以使用“onFrameChange”侦听器,因此我可以获取每个帧或任何其他方式来获取HTML5视频的每一帧的图像数据?

提前致谢。

1 个答案:

答案 0 :(得分:4)

timeUpdate事件会在时间发生变化时触发(通过正常播放或用户擦除控件)。在Firefox上,每帧会触发一次,但这种假设不能移植到其他浏览器。

我认为没有可行的方式来做你提到的事情。我主张timeUpdate更可靠,但没有取得多大进展。在1/24秒或更快的间隔可能是最好的方法。