Appearance
Presets
LIQA is designed to collect the standardized images of exact body parts. Preset
is a set of settings, that define a specific combination of the user interface and quality parameters requirements for a specific body part.
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
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
"face"
preset 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_video"
keys will be used.
Face-180
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-180"
preset 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
capture
event can be mapped to SaaS's Side ID (front
=1
,right
=2
,left
=3
)
Affected APIs
- Text Messages:
"face_180_live_video"
keys will be used. - Image Sources:
"back_camera"
and"upload"
sources will be ignored. - Styles:
.countdown
selector will be ignored. Some preset-specific UI elements will become customizable (seeFace-180 selectors
in CSS selectors). - Collection of Images: will dispatch 3
capture
events for every captured side (seeside
inCaptureMetadata
). An example of handling this is on Collection of Images page.
Hair
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
"hair"
preset 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
capture
API 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_video"
keys will be used. - Styles: some Advanced CSS Selectors will be ignored - providing any properties to these selectors will have no effect.