The document discusses the state of WebXR, outlining its significance in running VR, AR, and MR experiences in the browser. It traces the history of WebXR from its inception in 2014 through major developments and browser support. Additionally, it provides resources and examples for getting started with WebXR development.

1. The State of WebXR
Casper Fabricius
Co-Founder, Cimmerse

2. 18y
Full stack web dev
3y
VR & AR dev
Copenhagen, Denmark
3x
WHO AM I?

3. Mobile
AR

4. What is WebXR?

5. WHAT IS WEBXR?
WebXR
Runs in the
browser
VR, AR,
MR, …

6. WHAT IS WEBXR?
The WebXR Device API

7. WHAT IS WEBXR?
The WebXR Polyfill
WebXR polyfill
WebXR Device API Gamepad API WebVR API Cardboard

8. WHY IS WEBXR IMPORTANT?

9. WHY IS WEBXR IMPORTANT?

10. WHY IS WEBXR IMPORTANT?

11. WHY IS WEBXR IMPORTANT?

12. The State of WebXR

13. THE HISTORY OF WEBXR
2014 2015 2016
Mozilla starts
development
of a WebVR API
First Firefox
Nightly build with
WebVR support
A-Frame
0.1.0
Mozilla and Google
announces WebVR
API proposal v1.0
First special
Chrome build with
WebVR support
React VR

14. THE HISTORY OF WEBXR
2017
Firefox 55 for
Windows adds
WebVR API 1.1
Mozilla proposes
WebXR standard
Mozilla releases
WebXR Viewer
for iOS
Edge adds
WebVR 1.1

15. Standard
browsers
Immersive
browsers
Virtual Reality Browser Support
WEBXR SUPPORT TODAY
Windows Android
Windows Mixed
Reality only
Firefox
Reality
browser
“Native” Cardboard
Go
SteamVR
“Polyfilled”
Cardboard
Chrome Canary

16. Augmented Reality Browser Support
WEBXR SUPPORT TODAY
iOS Android Windows
Meta 2
Hololens
Chrome Canary Mozilla WebXR Viewer

17. Examples

18. Web-based VR example
Firefox Reality / Oculus Go
Courtesy of RaMarcus
https://www.youtube.com/watch?v=h_vL1Mj1VgY
EXAMPLES

20. Web-based AR example
Mozilla WebXR Viewer/ iPhone
www.cimmerse.com
EXAMPLES

22. The WebXR Specification

23. THE WEBXR SPECIFICATION
W3C Immersive Web Working Group

24. THE WEBXR SPECIFICATION
https://github.com/immersive-web/

25. THE WEBXR SPECIFICATION

26. THE WEBXR SPECIFICATION

27. ”Instant AR” ≠ WebXR

28. WEBXR VS. APPLE’S AR QUICK LOOK
https://developer.apple.com/
arkit/gallery/

31. Courtesy of Thought Experiment
https://www.youtube.com/watch?v=k-IyDcE5ZL4

32. https://8thwall.com/

33. Getting Started with WebXR

34. GETTING STARTED WITH WEBVR
https://aframe.io/

35. GETTING STARTED WITH WEBVR
https://www.labster.com/
https://github.com/mozilla
/unity-webvr-export

36. GETTING STARTED WITH WEBAR
https://codelabs.developers.google.com
/codelabs/ar-with-webxr/

37. Casper Fabricius
@fabricius
casper@cimmerse.com
www.cimmerse.com
The W3C Immersive Web Working Group:
https://github.com/immersive-web/
A-Frame: https://aframe.io/
WebVR plugin for Unity: https://
github.com/mozilla/unity-webvr-export
Google's WebXR tutorial: https://
codelabs.developers.google.com/codelabs/
ar-with-webxr/
AR Quick Look: https://
developer.apple.com/arkit/gallery/
Labster: https://www.labster.com/
8th Wall: https://8thwall.com/
Eric Prince
eric@cimmerse.com