WebXR
summary
Shows how the new WebXR device API replaces WebVR and how to actually call Navigator XR, requestSession, requestFrameOfReference and create an XRWebGLLayer so rendering goes stereoscopic or as a magic window. Demonstrates a small React 360 demo: a CLI scaffolded React 360 panorama photosphere and a photo gallery that runs in magic window and in headset. Mentions A-Frame, a WebXR polyfill, claimed >60 fps and “twice the pixels” on Pixel devices.
AI-written summary · about
chapters (23)
- 0:00Intro
- 1:40What is WebXR
- 3:28The X
- 3:52WebXR API
- 4:14New WebXR API
- 4:43Improvements
- 5:43WebXR in action
- 6:40Request XR device
- 10:57Render loop
- 11:29End event
- 12:03Magic window
- 13:20Exclusive sessions
- 13:47VR in the web
- 15:35AR in the web
- 18:51React 360 CLI
- 21:20Photo Gallery CLI Demo
- 23:05Photo Gallery VR Demo
- 23:51User Experience Design
- 24:41User Feedback
- 26:28Hints
- 27:54Augmented Reality
- 29:35Safety
- 31:50Conclusion
related talks
33mWebXR A New Dimension For The Web
32mWriting Virtual and Augmented Reality Apps with Web Technology
43mWebXR, if X = how?
33mWebXR? Native virtual and augmented reality in browsers
30mWebXR : augmented reality lands into our web browsers
30mThe future of Virtual and Augmented Reality for the web
27mState of WebXR: What do You Need to Know Today?
23mBuilding Engaging Immersive Experiences