Computer Science Capstone — Class XII B1

Facial recognition,
step by step.

A live demo of how a camera frame becomes a face embedding, how embeddings are stored and compared, and why a match is accepted or rejected. Runs entirely in your browser using face-api.js — no server, no Python.

Recognition pipeline

01
Detect

SSD MobileNet V1 locates face regions and outputs bounding boxes.

02
Align

68-point landmark model normalises face geometry and pose.

03
Encode

ResNet-based descriptor network outputs a 128-value embedding vector.

04
Match

Euclidean distance between embeddings decides match vs no-match.

128
dimensions per face embedding
0.55
euclidean distance threshold
client
all inference runs in-browser