How To Do Augmented Reality On The Web — The AR.js Open-Source Project

on YouTube ↗26m

" summary

WebAR is practical: AR.js is an open-source, pure-web stack using WebGL/WebRTC and integrates with A-Frame/three.js/Babylon, reporting to ARKit and ARCore when available and falling back to marker tracking otherwise. A working demo is a cube-on-marker and portals, refraction and a dancing Miku. The codebase fits in 10 lines of HTML to start, targets 60 FPS on two-year-old phones, and routes device-specific tracking to the best available API.

AI-written summary · about

" chapters (9)

1. 0:00Intro
2. 0:25What is augmented reality
3. 2:19Basic example
4. 4:05Demo
5. 8:52What happened after ARjs OS
6. 13:30Examples
7. 16:33RGS
8. 19:10Refraction
9. 21:49Applications

" related talks

• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS London 2019
• 22mThe Case for Augmented Reality on the WebMarley Rafson · JSConf EU 2019
• 23mPerformant Augmented Reality for the WebAyşegül Yönet · NG-BE 2017
• 26mExploring Augmented Reality on the WebJordan Santell · JSConf EU 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 30mWebXR : augmented reality lands into our web browsersVincent Ogloblinsky · Devoxx Belgium 2019