Augmented Reality on the Web

on YouTube ↗47m

" summary

Shows working browser AR built with AR.js and A-Frame: marker-based planets and a custom Build Stuff logo imported from Blender, using downloadable .pat markers and asset preloading, and it works live on a phone. Demonstrates markerless AR via model-viewer that launches iOS Quick Look / Android Scene Viewer (concise code but limited interactivity and no real occlusion). Notes AR.js recently gained location-based features, cites reach advantage (63% of Americans install zero apps/month) and upcoming WebXR hit-test and light estimation.

AI-written summary · about

" chapters (12)

1. 0:00Introduction and speaker background
2. 2:20What is immersive technology
3. 8:38Augmented reality use cases
4. 12:16Why build AR on the web
5. 16:35Types of augmented reality
6. 19:11AR.js and A-Frame libraries
7. 22:57Marker-based AR demo
8. 26:40Custom marker AR demo
9. 31:20AR alternatives and occlusion
10. 34:24Markerless AR with Model Viewer
11. 39:10The future of WebXR
12. 43:28Getting started with AR on the web

" 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
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017
• 22mThe Case for Augmented Reality on the WebMarley Rafson · JSConf EU 2019
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS 2018 Spring
• 30mWebXR : augmented reality lands into our web browsersVincent Ogloblinsky · Devoxx Belgium 2019
• 26mExploring Augmented Reality on the WebJordan Santell · JSConf EU 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017