- What can I do with WebAR?
- What do I need to get started?
- Where can I download WebAR SDK?
- What are the compatibility requirements for the WebAR SDK?
- What are the contents of the WebAR SDK bundle?
- Do I need to install a Chrome extension?
- Do I need to install any apps?
- What are the Browser requirements?
- How do I view my AR Experience?
What can I do with WebAR?
Web-based augmented reality enables AR to work with a web browser.
It is also a valuable addition for existing web pages by helping developers ease into the AR market.
For example, it can allow your customers to view your products in their chosen environment - like a new sofa in their living room.
You can also integrate WebAR SDK with your application and create countless experiences or illustrations.
These illustrations allow users to place a life-sized representation of an object simulating reality.
Once placed, the life-size object stays on the selected surface and the user is able to move it around three dimensionally.
This gives viewers a deeper understanding of the object than is possible with a 3D object.
Let your users experience augmented reality on your very own website using our WebAR SDK.
With just a few lines of code you can create several extraordinary, engaging, interactive Web AR experiences that will immerse your users and visualize your products letting them enjoy a browser-based augmented reality experience.
What do I need to get started?
For a limited time only until 31 December 2021, we’re allowing FREE unlimited use of WebAR SDK.
Once you’ve selected the FREE license, you can download the WebAR SDK bundle.
The license key is also available on the HUB.
Then click on View Documentation for a step-by-step guide on how to integrate the WebAR SDK with your infrastructure and how to host it on a web browser.
Where can I download the WebAR SDK?
The WebAR SDK bundle is available on our website for you to download.
You first need to obtain a license plan which is available for FREE until 31 December 2021.
Then a license key will be activated which you can use along with the WebAR SDK.
Immediately after purchasing the license, you’ll be provided with an option to download the WebAR SDK bundle.
After obtaining the license, you can also download the WebAR SDK bundle from the HUB at any point
What are the compatibility requirements for the WebAR SDK?
WebAR SDK supports both Android on Chrome and iOS Safari browsers on your mobile device.
To ensure the best user experience, we recommend using the latest version of these browsers.
As the WebAR SDK needs a virtual rear-view camera to load the virtual scene, it is at present not supported on desktop or laptop devices.
It is compatible with web content standards that support 2D and 3D, such as HTML and WebGL.
What are the contents of the WebAR SDK bundle?
WebAR-sdk script is already bundled with
- a-frame version 1.2.0
Index.html : Helps you understand what to add and where to add them in your application HTML file. It also helps ensure that you do not change the default parameters. Index.html gets loaded on loading the individual experience.
README.md : Contains a WebAR SDK example with a live demo that you can run on your mobile browser.
webar-sdk : A folder that contains the .js files to add in the html script, icons, images and sample models to create demos.
Do I need to install a Chrome extension?
You don’t need to install an extension.
You only need a web browser to host the application.
Note: SSL is a must to access the webcam on a mobile browser.
Do I need to install any apps?
There are no specific apps that need to be installed.
WebAR SDK is integrated onto the front end of the web application and you can execute it on the web browser.
It runs in Chrome or Safari on any mobile device with no app required. Your users just need to enable the web camera.
What are the Browser requirements?
Blippar WebAR SDK requires a mobile browser that supports the following features:
- WebGL (canvas.getContext(‘webgl’) or canvas.getContext(‘webgl2’))
- getUserMedia (navigator.mediaDevices.getUserMedia)
- deviceorientation (window.DeviceOrientationEvent)
- Web-Assembly/WASM (window.WebAssembly)
Note: Running Blippar WebAR SDK is only possible through **https**.
This is necessary for the browser to access the camera.
The above applies both to iOS and Android devices
- OS Version: iOS 11 and later
- Supported browsers:
- Note: In Safari, the call to getUserMedia directly returns the video input device, not a UIWebView or WKWebView.
- iOS 14.4 and later
- Chrome 87.0.4280.77 and later
- Chrome-variants (e.g., Samsung Browser)
How do I view my AR Experience?
First you need to obtain the WebAR SDK license and download the WebAR SDK Bundle.
Once this is done, integrate WebAR SDK with your application, host it and then you can view your AR experience.
While the application is loading on the mobile browser, you’ll see the following:
- A loading progress bar while the scripts and assets are loading.
- When loaded, a webcam view with a hand animation guide
Once you see this,
- Slowly move the phone left and right while the camera is looking at a textured/patterned surface and make sure that the surface is not too shiny, too bright or too dark.
- When the surface is detected, a 3D model will appear on the surface.
Note: Please ensure that the domain name used while hosting is the same as the domain name entered while obtaining the license.