|
|
Customization API
Understand various API configurations that can be customized
Customizable Attributes
WebAR SDK comes with a new Customization API. The following are the list of customizable attributes that can be incorporated into your AR experiences:
1. Customize Blippar Defined Style and Logo Image
-
Add the following attribute to the <script> tag of the WebAR SDK to change the style and logo image of the loading/warning(portrait) screens. These Blippar defined styles can also be overridden by the developers and show a custom html div overlaid on top and hide it when startGuideViewCallback is triggered in SetGuideViewCallbacks (startGuideViewCallback, SetGuideViewCallbacks)
-
The following API Payload can be triggered for enabling customization of the logo which includes defining logo dimensions, loader dimensions, background color etc.
Refer below Image for pre and post customization
2. Display Customized UI for Surface Tracking Experience
-
If auto-start attribute is set to "false" in the SDK script tag, the developer can display custom UI for a brief period before starting the Surface Tracking experience.
-
User can start the the Surface Tracking experience by calling the following API.
3. Hand/phone Moving Guide Custom Animation
-
The hand/phone moving guide animation can be customized by the user:
-
Disable Default Guide: Set show-guide-view to "false".
-
When to make custom guide visible: show-guide-view
-
WEBARSDK. SetGuideViewCallbacks ( startGuideViewCallback,stopGuideViewCallback )
-
Visible: startGuideViewCallback
-
Hide: stopGuideViewCallback
-
Trigger the Following API for customization
The following image provides an overview of the customization. The hand-moving animation can be customized by using the above two API triggers.