This page describes all LIQA API functions. Simply copy-paste code snippets into your application.
Permissions (React Native only)
LIQA needs your users to explicitly give access to the camera. This requirement is caused by device producer data protection policies. For websites and PWA, LIQA™️ can handle request by itself, but for React Native applications LIQA™️ needs some help from your side.
To make camera access requests work correctly for React Native application, please modify your app permission manifest. Here is an explicit how-to article on it (both iOS / Android): Camera access permissions (React Native app only)
Initialization & Start
Locate the object where LIQA™️ will exist inside of your application or website.
Inject "Start" command to start LIQA™️, as soon as your user is ready to use it.
// template<iframewidth="100%"height="100%"src="<access link>"allow="camera <access link>"scrolling="no"style="margin: 0px; padding: 0px; border: none; line-height: 0; overflow: hidden; "/></iframe>// js/*** Use variable like window.innerHeight in height parameter of <iframe />*/<scripttype="application/javascript"> // if you are using framework as react/vue/angular you don't need this listener document.addEventListener('DOMContentLoaded', (event) => { const iframe =document.getElementsByTagName('iframe')[0];// Startiframe.onload= () => {setTimeout(() => {iframe.contentWindow.postMessage({"Start":"","Style": {"background_color":"#FFFFFF","main_color":"#335AFF","secondary_color":"gray","button_text_color":"white","button_text_font_size":"1.2em" },"Parameters": {"allowed_distance":"close" } },'*'); },500); } });</script>
Building complex systems is inevitably connected with imperfections. LIQA™️ performs many actions and some of them may take time, some of them may even unexpectedly fail with errors. Events bring some transparency to the process.
Setup your application to catch events from LIQA to understand executing stage:
All devices are different in terms of screen size and camera resolution, but LIQA™️ allows you to avoid the nightmare of keeping all this in mind. Just set iframe or webview tag according to the Initialization & Start instruction, and the rest LIQA™️ will do with Responsive UI
Match to your color
Defining a nice butfunctional UI is always a big challenge, but we are sure that we do it well. LIQA™️ allows setting your own style properties to some objects.
Read here to see what styling options are curently supported: UI Styling
All styling parameters are passed directly to LIQA™️ during "Start" command.