Responsive UI

This page describes the LIQA behaviour during initialization steps aimed to adjust video canvas and UI to requested screen size and available camera resolution

Motivation

• Different devices have different screen size in terms of

  • a) pixel resolution (e.g. 1080p / 4K, etc.)

  • b) aspect ratio (19.5:9 for iPhone 11 Pro, 4:3 for old desktop monitor, etc.)

• Different devices have different camera resolution and aspect ration that most often differ from screen size. E.g., Asus laptop screen size is 1920x1080, but its camera can capture only 1280x720 -> camera limits the size of image 1:1 displayed on screen.

Solution

To solve this problem with no headache for the integrating developer, LIQA automatically adjusts the canvas for video inside of iframe / webview container to better match exact device screen/camera resolution and aspect ratio. Here how it works:

Scheme describing UI and canvas adjustement for different screen / camera conditions

Supported cases

Fully supported:

• All mobile devices, both frontal and back cameras, only portrait mode

• All tablet devices, both frontal and back cameras, only portrait mode

• All desktop devices

Not supported by default will start but may work incorrectly:

• All mobile devices, landscape mode

• All tablet devices, landscape mode

Now you are aware of video canvas adjustments. You can return to the main API page #get-photo