使用HTML5對視頻流進行像素化處理

Question

我正在討論一些HTML5的東西，並希望將Close Pixelate庫與getUserMedia API結合起來。 我想在運行中像素化流（我得到的幀速率將是瘋狂的低）。 這是可能嗎？ 我想給視頻對象而不是圖像提供關閉像素。

Rob Hawkes的這段視頻給了我這個想法。

解決方案： http ： //jsfiddle.net/N46QF/ （您需要在Chrome：// flags /中激活MediaStream的Google Chrome Canary才能使其正常工作）

Answer 1

是的我認為這是可能的。 但是，為了在像素級別操縱視頻的幀，您需要首先使用間隔將它們繪制到畫布上（請參閱小提琴 ，在firefox和chrome中測試）。

由於Close Pixelate庫需要將圖像作為輸入（無論如何它都會立即繪制到畫布上），因此您需要稍微修改代碼，以便可以直接傳入畫布。

圖書館是否會經受一段時間的重復實例化或你的幀速率是可以接受的我不知道，但認為它應該很容易測試。 我當然有興趣看到結果！

如果一切順利，可能值得考慮分支關閉Pixelate庫並修改它以允許圖像或畫布作為輸入，因為這似乎是一個有用的擴展。