Optical Flow Estimation and Visualization Demo

Click Start/Stop button to start or stop the camera capture.
The videoInput is a <video> element used as OpenCV.js input. The canvasOutput is a <canvas> element used as OpenCv.js output.
The code of <textarea> will be executed when video is started. You can modify the code to investigate more.

videoInput (Not uploaded)
canvasOutput

Direction:

Average angle: -°

Average speed: -

Frame per Second: -

Mean u (horizontal motion): -

Mean v (vertical motion): -

Mean divergence: -

↖ ↑ ↗
← ・ →
↙ ↓ ↘

OpenCV.js video tutorial: OpenCV 4.13.0: Getting Started with Videos

HSV color circle: http://ylb.jp/cguide/_eggx_hsv.html