Real-Time Facial Expression Recognition

Using Face API.js in the Browser

Loading models, please wait...

Controls

Bonus: Fine-Tuning Exploration

This is an advanced, proof-of-concept feature. You can provide labeled samples to train a new mini-classifier on top of Face API's feature extractor. This does not modify the original model but can adapt to your specific expressions.

Samples collected: 0. Ready to train.

User Guide

  1. Allow Webcam Access: Your browser will ask for permission to use your webcam. Please allow it.
  2. Start Webcam: Click the "Start Webcam" button to begin the video feed.
  3. Emotion Detection: The app will automatically detect your face and classify your expression. The dominant emotion and a confidence score will be overlaid on your face.
  4. Controls:
    • Use the Start/Stop Webcam button to manage the video feed.
    • Toggle Confidence to show or hide the percentage score.
    • Enable Sonification to hear a sound that changes pitch based on the detected emotion (just for fun!).
  5. Responsiveness: The video and overlay will resize to fit your screen.
The detected age and emotion will appear on the overlay. Keep your face steady for better accuracy.