Menu
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.
641
With technology to the point where augmented reality and virtual reality can be applied to a website easily—and at low cost—many brands and businesses are using it in different ways to enhance their websites' user experience.
However, Three. js generally uses SI units for any physical quantities and uses meters for distance units. This translates great to working in AR, and so this means that we will render objects in the scene within the range between 0.02 and 20 meters.
A "AR(Augmented Reality) browser(user agent)" is a software application for retrieving, presenting, and traversing information resources via Augmented Reality Interface. Mobile AR browser(user agent) have these features : Pulling in and managing data from both in-app sources and third party data sets.
WebAR is short for Web-based Augmented Reality, and it's a relatively new technology that does not require a mobile application to function. Users can access AR experiences directly from their smartphone using the native camera and mobile web browser.
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...
189
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
