Face Detection
Skills demo recreating a real-time face detection pipeline from past contracted work. The original system is closed-source per contract terms. This demo showcases the same technique - webcam face tracking with bounding boxes and confidence scoring - running entirely client-side in the browser.
Interactive Demo
All processing runs in your browser - no data is sent to any server.
Real-time face detection using your webcam. Draws bounding boxes around detected faces with confidence scores.
How It Works
Client-side processing pipeline. No data leaves your browser.
Model Loading
TinyFaceDetector model loads from CDN on first use. Lightweight architecture optimized for real-time performance in the browser, powered by TensorFlow.js WASM backend.
Video Capture
WebRTC getUserMedia API streams the webcam feed into a video element. Canvas overlay is sized to match the video dimensions for accurate bounding box placement.
Detection Loop
Each video frame is passed through TinyFaceDetector inference. Detected faces get bounding boxes with corner accents and confidence score labels, rendered at 30+ FPS via requestAnimationFrame.