The undoubted advantage and reason for the growing popularity of Web AR technology is the fact that it is enough to use a smartphone or tablet browser to create a WOW effect for users. Interactive Web AR narrative experiences help businesses boost their customer engagement and bring marketing campaigns to a new level by transforming any brand information source into a unique interactive customer experience.

Web AR uses a combination of technologies including WebRTC, WebGL, WebVR, and APIs to provide access to web-based augmented reality. Within the last years, mobile browsers have been adding support for JS Sensor APIs (camera, gyroscope, accelerometer, compass). Many frameworks help developers in expanding the immersive web with Web AR. Let's take a quick look at the most popular ones.

contact Evergreen

Web AR Frameworks

Web AR frameworks allow developers to build both marker-based and markerless AR using various JavaScript libraries, and to create a deeper integration between 3D models and their respective mobile browsers.

AR.js — Efficient Augmented Reality for the Web 

AR.js is a lightweight library for AR on the Web, supporting both marker-based and location-based augmented reality. It comes with an Image Tracking feature and is a free, cross-platform repository.

web-ar-development-with-AR.js

Source: https://3sidedcube.com/

Argon.js — Creating AR-Enabled Web Applications

Argon.js is a JavaScript framework for adding AR experiences to web applications, regardless of the platform and technology used. Argon.js was originally designed to take advantage of the augmented reality capabilities of the Argon AR-enabled web browser on iOS, however, the framework will work with other browsers as well. Use either Three.js or the simpler A-Frame to display your content with this library. 

 

AWE — Mixed Reality in the Web on Any Device

Awe.js provides some other types of AR experiences such as AR markers, location-based, and leap motion sensor AR. To provide a Web AR experience, the framework uses WebRTC, WebGL, and getUserMedia device API.

 

ARToolKit — Fast Real-Time AR Tracking

ARToolKit is a free open-source library for AR development. Apart from Android and iOS, ARToolKit is used for AR apps on Windows, Linux, and OS X. The ARToolKit video tracking libraries calculate the real camera position and orientation relative to physical markers in real-time. It also features a multi-platform video library with multiple input sources and formats supported, multiple camera tracking, easy calibration routine, simple graphic library, modular API, and a complete set of samples and utilities.

AR Content Management Systems

Augmented reality content management becomes a challenge when bringing the technology to production use. An AR CMS is used to bulk upload raw 3D content that will serve as the basis for AR experiences. To qualify for inclusion in the AR CMS category, a product must: 

  • Allow 3D content to be uploaded onto the system;
  • Offer drag-and-drop editing capabilities;
  • Manage all created content within the platform.

An AR content management system may also have the capability to function as an AR SDK for a more customizable AR experience. An AR CMS should not be confused with a VR CMS, which is a platform that allows users to upload, manage, and publish virtual reality content.

In terms of Web AR development, an AR content management system optimizes the performance of your interactive content across compatible mobile devices with ARKit (iOS) and ARCore (Android).

The most popular AR CMS are Kentiko Kontent, Arbi, EvolveAR, Inde, itSilesia, Magic Lens, Plattar (leverages both ARKit and ARCore), Reality Engine, Reflekt One, and TARTT CMS.

AR-content-management-system Source: https://www.plattar.com/

Would you like to learn more about web-based AR technology, or are you ready to implement some of the AR features in your projects? Our expertise in this field goes far beyond the hype. Give us a call, and our team will apply the above technologies in a practical solution for your business.

15.09.2020
The images used in this article are taken from open sources and are used as illustrations.