Javascript 基于HTML5的像素化视频流

Javascript 基于HTML5的像素化视频流,javascript,html,html5-video,Javascript,Html,Html5 Video,我在玩弄一些HTML5的东西,想把这个库和。我想在运行中对流进行像素化(我得到的帧速率会非常低)。这有可能吗?我只想给视频对象,而不是图像近像素化 给了我这个主意 解决方案: (您需要在中激活MediaStream的谷歌Chrome金丝雀。)chrome://flags/ 是的,我认为这是可能的。但是,为了在像素级操纵视频帧,您需要首先使用间隔将它们绘制到画布上(请参阅,在firefox和chrome中测试) 由于Close Pixelate库需要一个图像作为输入(它会立即将其绘制到画布上),因

我在玩弄一些HTML5的东西,想把这个库和。我想在运行中对流进行像素化(我得到的帧速率会非常低)。这有可能吗?我只想给视频对象,而不是图像近像素化

给了我这个主意

解决方案:
(您需要在中激活MediaStream的谷歌Chrome金丝雀。)chrome://flags/ 是的,我认为这是可能的。但是,为了在像素级操纵视频帧,您需要首先使用间隔将它们绘制到画布上(请参阅,在firefox和chrome中测试)

由于Close Pixelate库需要一个图像作为输入(它会立即将其绘制到画布上),因此需要稍微修改代码,以便可以直接在画布中传递

我不知道这个库是否能够经受住一段时间的重复实例化,或者你的帧速率是否可以接受,但我认为它应该足够容易测试。我当然有兴趣看到结果

如果一切顺利,可能值得考虑分叉Close Pixelate库并对其进行修改,以允许图像或画布作为输入,因为这似乎是一个有用的扩展