Appearance
Presets
A preset sets up the capture experience for a specific body area — like face, side-face, or hair. Each one bundles the user interface, guidance, capture behavior, and quality requirements needed to collect standardized images for that analysis.
| Client use case | Preset |
|---|---|
| Collect a single front-face image for face or skin analysis | face |
| Collect front, left, and right face images for multi-angle workflows | face-180 |
| Collect a portrait image focused on visible hair | hair |
Use the preset API to customize the user flow. If property is left empty, the default option will be used. See all available options below.
Face default
Use the face preset when your application needs one standardized selfie-style image with the face and skin areas clearly visible.
tsx
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="face" > </hautai-liqa >
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="face" > </hautai-liqa >
How it works
The
facepreset combines UI, UX and AI settings for the collection of front face portrait (selfie) images with all skin areas clearly visible. The images are standardized for Haut.AI SaaS Face Application.The image is collected automatically after all quality criteria are met, the system will display the countdown and automatically collect a final image.
Affected APIs
- Text Messages:
face_live_videokeys will be used.
Face-180
Use the face-180 preset when your application needs three guided captures - front, left, and right - from the same user session.
tsx
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="face-180" > </hautai-liqa >
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="face-180" > </hautai-liqa >
How it works
The
face-180preset combines UI, UX and AI settings for the collection of face images from the front and both left and right sides with all skin areas clearly visible. The images are standardized for Haut.AI SaaS Face Application.The images are collected automatically after all quality criteria are met, the system will indicate the successful image collection for every side of the face with the green light.
Side mapping to Side ID in SaaS
- Every capture provided by the
captureevent can be mapped to SaaS's Side ID (front=1,right=2,left=3)
Affected APIs
- Text Messages:
face_180_live_videokeys will be used. - Image Sources:
back_cameraanduploadsources will be ignored. - Styles:
.countdownselector will be ignored. Some preset-specific UI elements will become customizable (seeFace-180 selectorsin CSS selectors). - Collection of Images: will dispatch
capturesevent with array of 3 photos, providing the captured side in the capture metadata (seesideinCaptureMetadata). An example of how to handle it withcaptureevent is in deprecated section of Collection of Images page.
Hair
Use the hair preset when your application needs a portrait image where the hair area is fully visible and well lit.
tsx
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="hair" > </hautai-liqa >
tsx<hautai-liqa license ="LICENSE_KEY_PROVIDED_BY_HAUT.AI"preset ="hair" > </hautai-liqa >
How it works
The
hairpreset combines UI, UX and AI settings for the collection of portrait images with hairs fully and clearly visible. The images are standardized for Haut.AI SaaS Hair Application.By default, the image is collected manually. It is possible to change the image collection algorithm to auto, refer to the
captureAPI option docs.Image manual collection: when all quality criteria are met, the system will display the instructions for user to position their hairs to be most visible and then press a button to collect a final image.
Image auto collection: when all quality criteria are met, the system will display a 3-2-1 countdown and automatically collect a final image on its end.
Affected APIs
- Text Messages:
hair_live_videokeys will be used. - Styles: some Live Video selectors may have no effect when the
hairpreset does not display the related UI element.