HTML5でリアルタイムにビデオ処理


Real-time video processing with html5 video + canvas + javascript + css. (Barbafan.de)

HTML5+canvasでリアルタイムにビデオ処理を行うデモが紹介されています。

Bw, Outline, Color, Invert, Matrix, Oldのエフェクトをリアルタイムにかけられます。

ビデオは640x360ピクセルの30フレームで、Mac mini (2.26GHz 8GB) + Firefoxの環境では、コマ落ちせずに再生されます。