2013-11-22 67 views
0

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

回答

0

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

画布API有一个方法getImageData()其给出背面具有用于每一种颜色(和α)为每一个像素值的浮点阵列。不幸的是,视频元素不能这样做:(

您可以使用一个帆布其中提请视频帧和操纵它。我想人们喜欢做它在两个画布,使他们能够保持原有的像素数据,如果您在加载新帧之前有更改操作,或者...