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.
4. Customizable alert notice for camera permission in IOS
You can now customize the alert notice received in IOS for providing camera permission to scan the WebAR SDK output. The user can customize the border color, width, message text color etc. as mentioned below: