Computer-vision techniques you can run in your browser

Curated OpenCV examples. Open one to read how it works and run it live.

• Drawing shapes & text — Draw rectangles, circles and text on an image with OpenCV in your browser. The starting point for computer vision — build test images and annotate detections. Run it live.
• Gaussian blur — Smooth an image with OpenCV Gaussian blur in your browser. A fundamental computer-vision preprocessing step; compare kernel sizes live, no install.
• Canny edge detection — Run and tweak Canny edge detection in your browser. A classic computer-vision algorithm (OpenCV cv2.Canny) that finds object outlines — no install.
• Contour detection — Find and draw contours of shapes with OpenCV in your browser. A core computer-vision step for counting and measuring objects — run and tweak it live.
• Image thresholding — Compare global and adaptive thresholding with OpenCV in your browser. The simplest computer-vision segmentation step — run it live and tweak the values.
• HSV color space — Split an image into hue, saturation and value with OpenCV in your browser. HSV makes color-based computer vision easier than RGB — run and explore live.
• Live camera edge detection — Run OpenCV computer vision on your webcam in the browser — live Canny edges, client-side (nothing uploaded). Press Run and allow the camera.
• Live adaptive threshold — Adaptive thresholding on a live webcam feed with OpenCV in your browser. A computer-vision segmentation step that copes with uneven lighting. Run it live.
• Lane detection — Detect road lane lines from a live camera with OpenCV in your browser — Canny edges + region of interest + Hough lines. A classic computer-vision demo, run it live.