WebAR development – augmented reality in the browser

WebAR technology allows you to transfer various 3D models from the virtual to the real world through a smartphone browser, without the need to download and install an application. Building AR in the browser will allow website visitors to become potential customers by interacting with the company’s product through a smartphone using augmented reality.

Previously, to view content in augmented reality, you had to download and launch an AR app. These manipulations take up a sufficient amount of time, smartphone memory, as well as Internet traffic, which can stop many users from installing them. This limitation is eliminated by in-browser augmented reality technology, which allows smartphone users to use AR technology in the simplest way – using only the smartphone’s browser, viewing 3D models, videos and animations without the need to install additional applications. Although, the development of applications in augmented reality will allow you to have support for more functions and capabilities, compared to augmented reality in the browser (on the site). For now, WebAR includes marker detection support for precise positioning of models, simple animation, video, and some degree of interactivity.

WebAR removes the hassle of installing an AR app and makes it easier to use augmented reality by sharing a link to a site where you can try augmented reality. The View in AR button indicates that the product can be seen as a 3D model in both 3D viewing and AR (augmented reality) modes. With one click of a button in a browser via a smartphone or tablet, the object will be in a real environment.

Stages of launching augmented reality in a browser (more details):
1) go to the site and select an object for viewing in AR;
2) allow this site to use the camera to switch to AR mode;
3) make slow circular movements with a smartphone or point at a “marker” (marker technology) for the correct positioning of the 3D model;
4) interact (move, twist, resize) with a 3D model via a smartphone.

WebAR technology has some technical requirements. First of all, a smartphone must have sensors such as a gyroscope, accelerometer and RGB camera that most modern smartphones are equipped with in order to switch to AR mode.

OS iOS Android
DEVELOPMENT PLATFORM ARKit ARCore
FORMAT usdz glb (gltf)
BROWSER Safari Chrome

 

AR technology is predicted to eventually become a standard and expected feature on e-commerce sites. The value of augmented reality lies in the fact that the customer can interact more effectively with the product in the form of a 3D model. Contact us to stand out from your competitors by implementing WebAR (in-browser augmented reality) on your site.