使用HTML5像素化视频流

Question

我在玩弄一些HTML5的东西，想把Close Pixelate库和getUserMedia API结合起来。我想在飞行中对流进行像素化(我得到的帧速率将非常低)。这有可能吗？我只想给视频对象而不是图像进行近距离像素化。

This video by Rob Hawkes给了我这个想法。

解决方案：http://jsfiddle.net/N46QF/ (你需要在Chrome :// MediaStream中激活Google chrome Canary才能正常工作)

Answer 1

是的，我想这是可能的。但是，为了在像素级别操作视频的帧，您需要首先使用间隔将它们绘制到画布上(请参阅fiddle，在firefox和chrome中进行了测试)。

由于Close Pixelate库需要一个图像作为输入(无论如何它都会立即绘制到画布上)，因此您需要稍微修改代码，以便可以直接传入画布。

我不知道这个库是否经得起间隔的重复实例化，或者你的帧率是否可以接受，但我认为它应该很容易测试。我当然有兴趣看看结果！

如果一切顺利，可能值得考虑派生关闭像素库并修改它，以允许图像或画布作为输入，因为这似乎是一个有用的扩展。