📸 Camera Photo Module Demo

Framework-agnostic camera photo capture with face validation

Ready to start

Camera Permissions

Permission Status: Checking...

Camera Detected: Unknown

Permission Behavior:

Camera Selection

Select Camera:

📐 Resolution Control

Resolution Mode:

Preset:

Current Config:

preset: 'best'

Actual Resolution:

Not started

Change resolution while camera is running (restarts camera with new settings)

Container Aspect Ratio & Size

Aspect Ratio:

Width Ratio: Height Ratio:

Container Width (px):

Calculated Height: 360px

Auto-Capture Mode

Timer (seconds):

Settings

View Mode

Overlays

Show Animation Overlay (Face Mesh) Show Debug Overlay (Bounding Box)

Face Size Calculation

Dynamic Face Size (relative to visible area)

When enabled, face size is calculated relative to the visible UI area. When disabled, it's calculated relative to the raw video stream.

Camera Flip

Horizontal Flip (Mirror Mode) Vertical Flip

Camera Rotation

Rotation (degrees):

Rotates the camera feed. Useful for devices with different orientations or mounted cameras.

Validation Levels

No Blink:

Calm Face:

Face Size:

Face Visible:

Face Not Occluded:

Frontal Face:

Lighting:

Face Centered:

Face Centering Options

Only applies in Full Video mode. Disabled in Face Crop mode.

Strictness (0.05 = strict, 0.30 = loose):

Vertical Offset (-0.3 = up, 0 = center, 0.3 = down):

🎨 Face Animation Settings

Scanning mesh animation is enabled by default. Configure parameters below:

Scan Speed: 0.0015

Scan Width: 0.40

Mesh Opacity: 0.80

Line Width: 1.5

Enable Glow Effect

Glow Intensity: 10

Gradient Colors:

Real-time Validation Status

Camera not started