WebAR: the Augmented Reality for your Browser

on YouTube ↗23m

" summary

Live demos show a red spinning cube running at roughly 60 fps using Three.js and a-frame HTML primitives, marker-based placement via AR.js on modern phones (anything not older than three years), and high‑quality surface placement through a paid 8th Wall integration that actually anchors objects to real planes. Apple Quick Look uses USDZ on iOS 12 Safari. Examples built for clients render in‑browser and behave as expected; no native app install required.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 8:09build a red spinning cube
3. 10:15add our 3d content to an html page
4. 12:18add rotation animation
5. 16:11place our object onto a marker
6. 16:23place it on a surface

" related talks

• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS London 2019
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 30mWebXR : augmented reality lands into our web browsersVincent Ogloblinsky · Devoxx Belgium 2019
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 26mHow To Do Augmented Reality On The Web — The AR.js Open-Source ProjectJerome Etienne · JSConf.Asia 2018