| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| |
| <meta name="twitter:card" content="summary"> |
| <meta name="twitter:title" content="WebVR"> |
| <meta name="twitter:description" content="Bringing Virtual Reality to the Web"> |
| <meta name="twitter:image" content="https://webvr.info/images/webvr-logo-square.png"> |
| |
| <link rel="stylesheet" href="../stylesheets/stylesheet.css"> |
| <link rel="stylesheet" href="../stylesheets/pygment_trac.css"> |
| <!--[if lt IE 9]> |
| <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
| <![endif]--> |
| <title>WebVR - Bringing Virtual Reality to the Web</title> |
| |
| <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> |
| <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png"> |
| </head> |
| <body> |
| <div class="container" id="container"> |
| <header class="header"> |
| <div id="nav"> |
| <a href="../">About</a> |
| <a href="./" class="selected">Developers</a> |
| </div> |
| |
| <h1><a href="" class="wordmark"><span>WebVR</span></a></h1> |
| <h2 class="tagline">Not the thing you should be using any more!</h2> |
| </header> |
| |
| <main class="main" id="main"> |
| <h3 style='color: #880000; font-size: 1.5em;'> |
| <a id="webvr-is-dead" class="anchor" href="#webvr-is-dead" aria-hidden="true"><span class="octicon octicon-link"></span></a> |
| WebVR is Deprecated! |
| </h3> |
| |
| <p style='color: #880000; font-size: 1.1em;'> |
| WebVR has been replaced by the <a href="https://www.w3.org/TR/webxr/">WebXR Device API</a>, which has wider support, more features, better performance, and supports both VR and AR. |
| This page is preserved as a historical reference, but the information on it is no longer relevant and you almost certainly want to be looking at <a href="https://immersiveweb.dev/">immersiveweb.dev</a> instead! |
| </p> |
| |
| <h3> |
| <a id="spec" class="anchor" href="#spec" aria-hidden="true"><span class="octicon octicon-link"></span></a>Specification |
| </h3> |
| |
| <p>The <a href="https://w3c.github.io/webvr/" class="link-important">Spec Editor’s Draft</a> is hosted on <a href="https://github.com/w3c/webvr">GitHub</a>.</p> |
| |
| <h3> |
| <a id="how-can-i-try-it" class="anchor" href="#how-can-i-try-it" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I try it? |
| </h3> |
| |
| <p> |
| The WebVR API is currently available in <a href="https://webvr.rocks/firefox">Firefox for Windows</a>; <a href="https://mixedreality.mozilla.org/firefox-reality/">Firefox Reality for Oculus Go, Daydream, and VIVEPORT</a>; |
| <a href="https://www.google.com/chrome/browser/mobile/index.html">Chrome 56+ for Android</a> (<a href="https://webvr.rocks/chrome_for_android#what_is_the_webvr_origin_trial">Origin Trial</a>); |
| <a href="../get-chrome/">Chrome Canary for Windows</a>; |
| <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/webvr/">Microsoft Edge for Windows</a>; |
| <a href="http://developer.samsung.com/technical-doc/view.do?v=T000000202">Samsung Internet for Gear VR</a>; |
| <a href="https://www.supermedium.com">Supermedium for Windows</a>; and |
| <a href="https://nightly.mozilla.org/">Firefox Nightly builds</a> on macOS. |
| You can get the latest WebVR-enabled browsers here: |
| </p> |
| |
| <ul class="browsers"> |
| <li> |
| <a href="https://www.google.com/chrome/browser/mobile/index.html" class="link-important">Download Chrome for Android</a> (<a href="https://webvr.rocks/chrome_for_android#setup">read instructions</a>) |
| </li> |
| <li> |
| <a href="https://webvr.rocks/firefox" class="link-important">Download Firefox</a> and <a href="https://nightly.mozilla.org/">Firefox Nightly builds (VIVE on macOS)</a> (<a href="https://webvr.rocks/firefox#setup">read instructions</a>) |
| </li> |
| <li> |
| <a href="https://mixedreality.mozilla.org/firefox-reality/" class="link-important">Firefox Reality</a> for <a href="https://www.oculus.com/experiences/go/2208418715853974/">Oculus Go</a>, <a href="https://play.google.com/store/apps/details?id=org.mozilla.vrbrowser">Daydream</a>, and <a href="https://developer.vive.com/us/">VIVEPORT</a> (search for <em>“Firefox Reality”</em> on the store) |
| </li> |
| <li> |
| <a href="https://www.supermedium.com/" class="link-important">Download Supermedium</a> |
| </li> |
| <li> |
| <a href="https://www.oculus.com/experiences/gear-vr/1257988667656584/" class="link-important">Oculus Browser for Gear VR</a> (<a href="https://webvr.rocks/oculus_carmel#setup">read instructions</a>) |
| </li> |
| <li> |
| <a href="http://developer.samsung.com/internet#gearvr-overview" class="link-important">Samsung Internet for Gear VR</a> (<a href="https://webvr.rocks/samsung_internet#setup">read instructions</a>) |
| </li> |
| <li> |
| <a href="https://developer.microsoft.com/en-us/windows/mixed-reality" class="link-important">Microsoft Edge for Windows Mixed Reality headsets</a> (<a href="https://docs.microsoft.com/en-us/microsoft-edge/webvr/webvr-with-edge">read instructions</a>) |
| </li> |
| </ul> |
| |
| <p>Or, if you want to add WebVR to your mobile site today, you can use the <a href="https://github.com/googlevr/webvr-polyfill">WebVR Polyfill</a> to provide support for <a href="https://vr.google.com/cardboard/">Cardboard</a> mobile devices (such as for iOS and Android).</p> |
| |
| <ul> |
| <li><a href="https://github.com/googlevr/webvr-polyfill" class="link-important">WebVR Polyfill</a></li> |
| </ul> |
| |
| <p>(<a href="../get-chrome/" class="link-important">Experimental WebVR support in Chrome Canary for Windows</a> is also available but <b>not recommended</b> for use at this time due to incompatibilites with recent graphics drivers. We suggest using <a href="https://webvr.rocks/firefox" class="link-important">Firefox</a> or <a href="https://webvr.rocks/microsoft_edge#setup" class="link-important">Microsoft Edge</a> for WebVR on Windows in the meantime.)</p> |
| |
| <p>You can test your browser’s support for the WebVR API with these samples:</p> |
| |
| <ul> |
| <li><a href="../samples/" class="link-important">WebVR Samples</a></li> |
| </ul> |
| |
| <h3> |
| <a id="how-can-i-contribute" class="anchor" href="#how-can-i-contribute" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I contribute? |
| </h3> |
| |
| <p>The best place to contribute is the <a href="https://mail.mozilla.org/listinfo/web-vr-discuss">WebVR mailing list</a>. Developers of the Chrome, Firefox, and Samsung Internet Browser builds are on that list, as well as other community members who are enthusiastic about VR on the Web.</p> |
| |
| <h3> |
| <a id="how-can-i-get-code" class="anchor" href="#how-can-i-get-code" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I get the code? |
| </h3> |
| |
| <p>The code that powers WebVR is available online, if you want to take a peek under the hood:</p> |
| |
| <ul> |
| <li><a href="https://cs.chromium.org/search/?q=webvr&sq=package:chromium&type=cs">Chromium</a></li> |
| <li><a href="https://developer.mozilla.org/docs/Simple_Firefox_build">Firefox</a></li> |
| <li><a href="https://github.com/MozillaReality/FirefoxReality">Firefox Reality</a></li> |
| </ul> |
| |
| <h3> |
| <a id="reporting-issues" class="anchor" href="#reporting-issues" aria-hidden="true"><span class="octicon octicon-link"></span></a>Reporting issues |
| </h3> |
| |
| <p>For the time being, use the following links to view and report issues with WebVR implementations:</p> |
| |
| <ul> |
| <li><a href="https://bugs.chromium.org/p/chromium/issues/list?can=2&q=label%3AProj-VR">Chrome issues</a> (<a href="https://crbug.com/">file issue</a>)</li> |
| <li><a href="https://bugzilla.mozilla.org/buglist.cgi?quicksearch=%5Bwebvr%5D">Firefox Desktop issues</a> (<a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Core&component=WebVR&status_whiteboard=[webvr]&cc=kgilbert@mozilla.com">file issue</a>)</li> |
| <li><a href="https://github.com/MozillaReality/FirefoxReality/issues">Firefox Reality</a> (<a href="https://github.com/MozillaReality/FirefoxReality/issues/new">file issue</a>)</li> |
| <li><a href="https://github.com/SamsungInternet/support/issues">Samsung Internet Browser for Gear VR issues</a> (<a href="https://github.com/SamsungInternet/support/issues/new">file issue</a>)</li> |
| </ul> |
| |
| <h3> |
| <a id="webvr-emulator" class="anchor" href="#webvr-emulator" aria-hidden="true"><span class="octicon octicon-link"></span></a>WebVR Emulator |
| </h3> |
| |
| <p>Jaume Sánchez Elias (<a href="https://twitter.com/thespite">@thespite</a>) has created a <a href="https://chrome.google.com/webstore/detail/webvr-api-emulation/gbdnpaebafagioggnhkacnaaahpiefil">Chrome extension</a> that allows developers to emulate a VR headset for testing the API without needing any VR hardware. Check it out!</p> |
| <ul> |
| <li><a href="https://chrome.google.com/webstore/detail/webvr-api-emulation/gbdnpaebafagioggnhkacnaaahpiefil">Chrome Extension</a></li> |
| <li><a href="https://github.com/spite/WebVR-Extension">GitHub Repository</a></li> |
| </ul> |
| |
| <h3> |
| <a id="webvr-sites" class="anchor" href="#webvr-sites" aria-hidden="true"><span class="octicon octicon-link"></span></a>Sites that use WebVR |
| </h3> |
| |
| <ul> |
| <li><a href="https://aframe.io/">A-Frame</a></li> |
| <li><a href="https://playcanvas.com/">PlayCanvas</a></li> |
| <li><a href="https://facebook.github.io/react-vr/">React VR</a></li> |
| <li><a href="https://sketchfab.com/">Sketchfab</a></li> |
| <li><a href="https://vizor.io/">Vizor</a></li> |
| </ul> |
| |
| <h3> |
| <a id="misc-links" class="anchor" href="#misc-links" aria-hidden="true"><span class="octicon octicon-link"></span></a>Misc. Links |
| </h3> |
| |
| <ul> |
| <li><a href="https://mixedreality.mozilla.org/">Mozilla’s Mixed Reality team</a></li> |
| <li><a href="https://blog.mozvr.com/">Mozilla VR blog</a></li> |
| <li><a href="http://blog.tojicode.com/">Brandon’s blog</a></li> |
| <li><a href="https://webvr.slack.com/">WebVR Slack</a> (<a href="https://slacknow.herokuapp.com/webvr">sign up</a>)</li> |
| |
| </ul> |
| </main> |
| |
| <footer class="footer"> |
| </footer> |
| </div> |
| </body> |
| </html> |