Fun Project

Self

Facial Emotion Detection

Browser-based emotion detection demo using MediaPipe Face Landmarker and webcam input.

How it works: the page opens your webcam stream in-browser, MediaPipe tracks facial landmarks and blendshape scores frame-by-frame, then a lightweight JavaScript rule model maps those scores into an estimated emotion label in real time.

> Don't worry! The site is not recording the footage of your webcam...that's illegal.

> Try to hit >60% happiness! No one has achieved it yet :)


Camera is off. Click Start Camera to begin.

Emotion: --

Emotion image will appear here.

Tip: keep your face centered and well-lit for better detection.