canvas / html5 を使用してビデオの後処理 (フィルタ) を実現するための良いソリューションはありますか?
https://github.com/brianchirls/Seriously.jsを見つけましたが、webgl が必要で、いくつかの代替手段が必要です。
質問する
805 次
1 に答える
1
RequestAnimationFrame の両方をキャンバスに再生するビデオと組み合わせ、次に Pixastic を使用して各フレームを組み合わせることで、いくつかの成功を収めました。これは、ビデオが基本的にフレームストア内のフレームのセットとして扱われる「ハイエンド」のビデオ ポスト プロダクション (Nuke、Flame などで使用される) 方法です。私はSeriously.jsのようなものを見てきましたが、それらは素晴らしいですが、ビデオをキャンバスにレンダリングするときは、単に画像シーケンスを扱っているだけなので、多くの自由があり、ほとんどすべてを使用できることに注意してくださいデータを表示する前に、データの画像フィルター/処理/アルゴリズム。言及すべきもう 1 つのことは、pixastic 効果は webgl を有効にしなくてもすべて機能することです (したがって、Internet Explorer もサポートできます)。
トピックから少し外れますが：
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 に答える