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: -
↖ ↑ ↗ ← ・ → ↙ ↓ ↘
reference: https://docs.opencv.org/5.x/dd/d00/tutorial_js_video_display.html
HSV color circle: http://ylb.jp/cguide/_eggx_hsv.html