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

Question

我想我必须等待视频完成加载，然后设置一个时间间隔（1/24 秒）来获取当前帧数据，在视频的持续时间内。但这看起来很hacky，看起来它可能会跳帧等等......

那么，是否有我可以连接的“onFrameChange”侦听器，以便我可以获取每一帧，或者以任何其他方式获取 HTML5 视频的每一帧的图像数据？

提前致谢。

Answer 1

timeUpdate每当时间发生变化（通过正常播放或用户擦洗控件）时都会触发该事件。在 Firefox 上，每帧触发一次，尽管该假设无法移植到其他浏览器。

我认为没有一种可移植的方法可以完成您提到的操作。我一直主张变得timeUpdate更加可靠，但没有取得太大进展。1/24 秒或更快的间隔可能是最好的方法。