On the path to WebAR

on YouTube ↗57m

" summary

Library AR.js shows WebAR running from a single page of HTML and hits 10 lines of HTML for a marker cube demo, optimized from 4 FPS to 60 FPS on two‑year‑old phones. It integrates with A‑Frame/three.js/Babylon, falls back to pure JS tracking, and uses ARCore/ARKit when available. The team ships open‑source code, demos include Minecraft models, a Hatsune Miku dance, portals and light‑aware shadows, and the builds run in-browser across Android, iOS and older devices.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to web AR
2. 1:55AR in ten lines of HTML
3. 6:33The journey of building AR.js
4. 12:35Community and development
5. 16:19What is AR.js?
6. 18:45Impact of Apple ARKit
7. 24:11Google ARCore and web standards
8. 26:43Comparing ARKit and ARCore
9. 32:32AR.js evolution and demos
10. 39:44Future potential of AR
11. 44:10Q&A session

" related talks

• 26mHow To Do Augmented Reality On The Web — The AR.js Open-Source ProjectJerome Etienne · JSConf.Asia 2018
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS London 2019
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS 2018 Spring
• 23mPerformant Augmented Reality for the WebAyşegül Yönet · NG-BE 2017
• 17mJS in the Virtual & Augmented Reality EcosystemAndres Cuervo · Node+JS Interactive 2019
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 26mExploring Augmented Reality on the WebJordan Santell · JSConf EU 2018