Face-Detection-JavaScript is a small browser-based computer vision demo that uses JavaScript and face-api.js to analyze live webcam video. It loads face detection, facial landmark, face recognition, and facial expression models from a local models folder. Once the webcam stream starts, the app creates a canvas overlay and draws detection results directly over the video feed. It can identify face boxes, map facial landmark points, and display detected expressions in near real time. The project is simple enough for beginners to study, but it still demonstrates the core pieces needed for webcam access, model loading, detection loops, result resizing, and canvas rendering. It is useful as a starting point for learning client-side face detection prototypes, demos, or educational experiments.
Features
- Browser webcam face detection
- face-api.js model loading
- Facial landmark drawing
- Expression detection overlay
- Canvas-based visual output
- Simple HTML and JavaScript structure