WebXR : augmented reality lands into our web browsers

on YouTube ↗30m

" summary

Shows how to ship real AR on the web today by combining AR.js + A-Frame markers or by using ARKit/ARCore native pose & plane detection behind the WebXR bridge, with Chrome Canary/flags or Chrome 79 low‑level support. Demonstrates plane detection, anchors, a reticle and tap-to-place workflows for putting a 3D model in a room, and explains the WebXR session, reference spaces and input sources; the live demo works but often requires enabling browser flags.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 1:39Virtual reality
3. 2:08Augmented reality
4. 2:36Mixed reality
5. 6:05Current ecosystem
6. 6:32Advantages of the web
7. 6:54AR enhance web pages
8. 10:11Tooling / Editor
9. 15:01What is WebXR Device API?
10. 15:48Goals
11. 16:41Specifications / draft
12. 19:33Check XR support
13. 19:55Request XR Session
14. 22:42Start rendering
15. 23:43Getting poses & prepare anchors
16. 24:49Add anchors
17. 26:28Close session

" related talks

• 23mBuilding Engaging Immersive ExperiencesChris Wilson, John Pallett · Chrome Dev Summit 2018
• 26mExploring Augmented Reality on the WebJordan Santell · JSConf EU 2018
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 33mWebXR: Introducing Mixed Reality and the Immersive WebPeter O'Shaughnessy · Codemotion Rome 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 27mState of WebXR: What do You Need to Know Today?Rabimba Karanjai · NDC Sydney 2020
• 17mJS in the Virtual & Augmented Reality EcosystemAndres Cuervo · Node+JS Interactive 2019
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS London 2019