Webcam Object Detection
ActiveReal-time object detection running client-side on your webcam feed
Overview
Webcam Object Detection is a browser-based demo that runs real-time object detection on a live webcam feed using MediaPipe Tasks Vision and an EfficientDet Lite0 model. All inference happens client-side, with GPU acceleration used when available, and detected objects are drawn as bounding box overlays directly on the video.
Key Features
Live Webcam Feed
Captures video directly from the browser and streams it through the detector.
Real-Time Detection
Runs the EfficientDet Lite0 model on each frame to detect and classify objects.
Bounding Box Overlays
Draws labeled bounding boxes over detected objects directly on the video element.
GPU Acceleration
Uses GPU delegation when available for faster, smoother inference.
Tech Stack
Core
TypeScriptReactNext.js
AI & ML
MediaPipe Tasks VisionEfficientDet Lite0