-1

有没有一些好的解决方案可以使用 canvas / html5 实现视频后处理(过滤器)?

我刚刚找到https://github.com/brianchirls/Seriously.js但需要 webgl,我需要一些替代方案。

4

1 回答 1

1

Ive 将 RequestAnimationFrame 与播放到画布的视频结合起来,然后使用Pixastic的每一帧都取得了一些成功。这更像是“高端”视频后期制作(如在 Nuke、Flame 等中使用的)方法,其中视频本质上被视为帧存储中的一组帧。我见过像 Seriously.js 这样的东西,它们很棒,但请记住,在将视频渲染到画布时,您只是在处理图像序列,因此您有很大的自由度,几乎可以使用任何在显示之前对数据进行图像过滤/处理/算法。另一件要提的是,pixastic 效果在没有启用 webgl 的情况下都可以工作(所以你也可以支持 Internet Explorer),这很重要。js 没有。

有点跑题了,但是:

PS:我已经考虑过基于此制作一个基于整个 javascript 实时节点的后期制作应用程序:http: //idflood.github.com/ThreeNodes.js/ 示例:http: //idflood.github.com /ThreeNodes.js/public/index.html#example/postprocessing1.json

具有一套全面的 FFT 和 webgl 增强效果。它确实处于早期阶段。

如果您有类似的想法,另一件可能会很有趣的事情是:

http://marcinignac.com/blog/timeline-js

这里的例子:http: //vorg.github.com/timeline.js/examples/cssAnimation.html

于 2012-06-14T16:40:40.270 回答