密なオプティカルフローの例

Start/Stop ボタンをクリックして動画を開始または停止する。
videoInput は入力として使用される <video> 要素である。canvasOutput は出力として使用される <canvas> 要素である。
オプティカルフローのベクトル (u,v) を持つ2チャンネルの配列が得られる。その大きさと方向を求める。視覚化しやすいように結果を色分けする。方向は画像の色相(Hue)値に対応する。大きさは明度(Value)平面に対応する。
<textarea> のコードは動画が開始されると実行される。
コードを変更してさらに詳しく調べることができる。