Home » Android » javascript – Augmented Reality ( AR ) on HTML5 and WebGL

javascript – Augmented Reality ( AR ) on HTML5 and WebGL

Posted by: admin May 14, 2020 Leave a comment

Questions:

I have a web app that is about to get released and i will make an Hybrid App from the web source and i want to add the AR feature to the mobile application, i saw working examples online combining HTML5 video elements and WebGL technology, but what made me curious is that not all mobile OS versions in Android and iOS are supporting the HTML based Augmented Reality.

Is it possible to link HTML Mobile App to native resources to get a more supported AR feature? give me just the name of available technologies to do this, i will follow and search till i get it functioning.

Thank you in advance.

How to&Answers:

To the best of my knowledge, the problem with cross-browser AR is that iOS does not support getUserMedia (part of webRTC) for getting a feed from the device camera which is essential for an AR application.

I didn’t try it, but I believe that using Apache Cordova along with one of these plugins, you should be able to get a camera feed to process for AR:
https://github.com/eface2face/cordova-plugin-iosrtc
https://github.com/daraosn/Cordova-CanvasCamera
https://github.com/donaldp24/CanvasCameraPlugin

Hope this gets you in the right direction…