有必要使用2画布进行html5视频操作吗



我尝试用javascript进行一些视频操作。我读了一些关于它的文章,看起来每个人都用2块画布来做这个把戏。首先,他们在第一个画布上绘制视频,从中读取图像数据,进行一些像素操作,然后在第二个画布上进行绘制。我想知道我真的必须用2块画布才能做到这一点吗?没有任何方法可以直接从视频中获取图像数据吗?或者我们有一些性能问题,这就是解决方案?

因为您无法从视频中获取像素数据。

Canvas API有一个方法getImageData(),它返回一个浮点数组,其中包含每个像素的每个颜色(和alpha)的值。不幸的是,视频元素不能做到这一点:(

您可以使用一个画布来绘制视频帧并对其进行操作。我想人们更喜欢在两张画布上进行操作,这样他们就可以保留原始像素数据,以防在加载新帧之前进行更改操作。。。

最新更新