Live Camera Stream
📷
Click "Start Camera" to initiate live face recognition
Latency: -- ms | Mode: Real-time SFace
Recognition Verification
🛡️
Awaiting Face Stream
Face recognition will identify employee ID and attributes automatically.
💡 Fast Track Mode: The neural engine continuously computes 128D facial embeddings and compares them with registered faces using Cosine Space Metric.
Enroll & Register Employee Face
Extracts 128-D facial vector, analyzes attributes, and binds to Employee ID (AWS Rekognition IndexFaces).
Enrollment Preview & Attributes
👤
No face enrolled yet
Upload an image or snap a photo to view face crop and extracted details.
SearchFacesByImage
Send an input face image to detect who it is and return matching Employee ID and similarity.
Identified Results
🎯
Awaiting Search Query
Upload an image to compare against all indexed faces in the collection.
DetectFaces (Attributes: ALL)
Full facial telemetry: Emotions, Age Range, Gender, Smile, Eyeglasses, Beard, 3D Pose, and Image Quality.
Facial Telemetry Analysis
📊
No Analysis Loaded
Upload an image to inspect facial expressions, pose, and demographic estimates.
CompareFaces (1-to-1 Verification)
Compares a face in the source image against faces in the target image.
Enrolled Employees & Faces
Indexed faces in current collection with persistent embeddings.
| Avatar | Employee ID | Full Name | Department | Face ID | Detection Conf | Enrolled At | Actions |
|---|---|---|---|---|---|---|---|
| Loading registered faces... | |||||||
Developer API & SDK Snippets
Interactive code samples to integrate Face Registration and Identification into any application.
// npm install axios form-data
const axios = require('axios');
const FormData = require('form-data');
const fs = require('fs');
const BASE_URL = 'http://localhost:8000';
async function main() {
// 1. Obtain JWT Token using Secret Key credentials
const authRes = await axios.post(`${BASE_URL}/api/v1/auth/token`, {
client_id: 'nodejs-backend',
client_secret: 'nodejs_secret_key_2026'
});
const token = authRes.data.access_token;
const authHeaders = { Authorization: `Bearer ${token}` };
// 2. Register Employee Face with Employee ID & details
const regForm = new FormData();
regForm.append('file', fs.createReadStream('./employee_photo.jpg'));
regForm.append('employee_id', 'EMP-1049');
regForm.append('name', 'Alex Rivera');
regForm.append('department', 'Engineering');
regForm.append('role', 'Lead Architect');
const regRes = await axios.post(`${BASE_URL}/api/v1/register`, regForm, {
headers: { ...authHeaders, ...regForm.getHeaders() }
});
console.log('Registered Face ID:', regRes.data.face_id);
// 3. Identify Face Scan (Returns Employee ID)
const scanForm = new FormData();
scanForm.append('file', fs.createReadStream('./scan_camera.jpg'));
scanForm.append('threshold', '80.0');
const scanRes = await axios.post(`${BASE_URL}/api/v1/identify`, scanForm, {
headers: { ...authHeaders, ...scanForm.getHeaders() }
});
if (scanRes.data.identified) {
console.log(`Identified: ${scanRes.data.name} [${scanRes.data.employee_id}] - ${scanRes.data.similarity}%`);
}
}
main();