Kunnworks
D24AI & data

Browser face-registration and matching prototype

A browser demonstration connecting camera input, multiple face samples, and distance-based feature comparison.

Project scope
Prototype
Technology & disciplines
face-api.js · Browser camera · Feature-vector comparison · Browser-local storage
Explore the features
Browser face-registration and matching prototype
D24 / PROJECT COVERPrototype
01 OVERVIEW

The challenge and approach

Face feature vectors are registered under a name and stored locally. The prototype shows the enrollment and comparison process; it is presented as a demonstration rather than a production authentication system.

Original project visuals are presented in Korean, with English explanations alongside them.

02 FEATURES

The features, in context

03 / 04

Feature-vector comparison

Compare distances between facial features and display the resulting match information.

Feature-vector comparison — Compare distances between facial features and display the resulting match information.
Feature-vector comparisonView full-size image (new tab)
04 / 04

Local registration management

Show locally stored registrations so reviewers can inspect the demonstration data.

Local registration management — Show locally stored registrations so reviewers can inspect the demonstration data.
Local registration managementView full-size image (new tab)
03 SCREENS & DESIGN

How the design comes together

Explore the project’s information structure, interface composition, and design decisions

Project detail board — Browser face-registration and matching prototype
Project detail boardView full-size image (new tab)