Gitiles
Code Review Sign In
gerrit.openfyde.cn / chromium.googlesource.com / external / github.com / toji / webvr.info / 4fd06d9a50e36e23693f73fb6763fa96e81d7e84 / . / developers / index.html
blob: 52ca69dc4b9483109e504bd06aefe1cb534f19b3 [file] [log] [blame]
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="chrome=1">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <meta name="twitter:card" content="summary">
9 <meta name="twitter:title" content="WebVR">
10 <meta name="twitter:description" content="Bringing Virtual Reality to the Web">
11 <meta name="twitter:image" content="https://webvr.info/images/webvr-logo-square.png">
12
13 <link rel="stylesheet" href="../stylesheets/stylesheet.css">
14 <link rel="stylesheet" href="../stylesheets/pygment_trac.css">
15 <!--[if lt IE 9]>
16 <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
17 <![endif]-->
18 <title>WebVR - Bringing Virtual Reality to the Web</title>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]19
20 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
21 <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]22 </head>
23 <body>
24 <div class="container" id="container">
25 <header class="header">
26 <div id="nav">
27 <a href="../">About</a>
28 <a href="./" class="selected">Developers</a>
29 </div>
30
31 <h1><a href="" class="wordmark"><span>WebVR</span></a></h1>
Brandon Jones4fd06d92020-03-04 14:43:40 -0800[diff] [blame^]32 <h2 class="tagline">Not the thing you should be using any more!</h2>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]33 </header>
34
35 <main class="main" id="main">
Brandon Jones4fd06d92020-03-04 14:43:40 -0800[diff] [blame^]36 <h3 style='color: #880000; font-size: 1.5em;'>
37 <a id="webvr-is-dead" class="anchor" href="#webvr-is-dead" aria-hidden="true"><span class="octicon octicon-link"></span></a>
38 WebVR is Deprecated!
39 </h3>
40
41 <p style='color: #880000; font-size: 1.1em;'>
42 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.
43 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!
44 </p>
45
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]46 <h3>
47 <a id="spec" class="anchor" href="#spec" aria-hidden="true"><span class="octicon octicon-link"></span></a>Specification
48 </h3>
49
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]50 <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>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]51
52 <h3>
53 <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?
54 </h3>
55
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]56 <p>
Christopher Van Wiemeersch0b875ba2018-10-02 16:21:33 -0700[diff] [blame]57 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>;
Fernando Serranob5766a72018-09-26 01:02:30 +0200[diff] [blame]58 <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>);
59 <a href="../get-chrome/">Chrome Canary for Windows</a>;
60 <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/webvr/">Microsoft Edge for Windows</a>;
61 <a href="http://developer.samsung.com/technical-doc/view.do?v=T000000202">Samsung Internet for Gear VR</a>;
62 <a href="https://www.supermedium.com">Supermedium for Windows</a>; and
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]63 <a href="https://nightly.mozilla.org/">Firefox Nightly builds</a> on macOS.
64 You can get the latest WebVR-enabled browsers here:
65 </p>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]66
67 <ul class="browsers">
68 <li>
Brandon Jones129fc572017-08-21 11:23:45 -0700[diff] [blame]69 <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>)
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]70 </li>
71 <li>
Fernando Serranob5766a72018-09-26 01:02:30 +0200[diff] [blame]72 <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>)
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]73 </li>
74 <li>
Christopher Van Wiemeersch0b875ba2018-10-02 16:21:33 -0700[diff] [blame]75 <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>&ldquo;Firefox Reality&rdquo;</em> on the store)
Fernando Serranoe26484a2018-09-26 00:09:11 +0200[diff] [blame]76 </li>
77 <li>
Kevin Ngo43121a32018-02-23 01:30:00 -0800[diff] [blame]78 <a href="https://www.supermedium.com/" class="link-important">Download Supermedium</a>
79 </li>
80 <li>
Brandon Jones129fc572017-08-21 11:23:45 -0700[diff] [blame]81 <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>)
82 </li>
83 <li>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]84 <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>)
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]85 </li>
Lewis Weaverde26f162017-08-25 18:07:02 -0700[diff] [blame]86 <li>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]87 <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>)
Lewis Weaverde26f162017-08-25 18:07:02 -0700[diff] [blame]88 </li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]89 </ul>
90
Michael Blix8e312f92017-04-03 23:14:09 -0700[diff] [blame]91 <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>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]92
93 <ul>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]94 <li><a href="https://github.com/googlevr/webvr-polyfill" class="link-important">WebVR Polyfill</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]95 </ul>
96
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]97 <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>
Brandon Jones129fc572017-08-21 11:23:45 -0700[diff] [blame]98
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]99 <p>You can test your browser’s support for the WebVR API with these samples:</p>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]100
101 <ul>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]102 <li><a href="../samples/" class="link-important">WebVR Samples</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]103 </ul>
104
105 <h3>
106 <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?
107 </h3>
108
109 <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>
110
111 <h3>
112 <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?
113 </h3>
114
115 <p>The code that powers WebVR is available online, if you want to take a peek under the hood:</p>
116
117 <ul>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]118 <li><a href="https://cs.chromium.org/search/?q=webvr&sq=package:chromium&type=cs">Chromium</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]119 <li><a href="https://developer.mozilla.org/docs/Simple_Firefox_build">Firefox</a></li>
Fernando Serranoe26484a2018-09-26 00:09:11 +0200[diff] [blame]120 <li><a href="https://github.com/MozillaReality/FirefoxReality">Firefox Reality</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]121 </ul>
122
123 <h3>
124 <a id="reporting-issues" class="anchor" href="#reporting-issues" aria-hidden="true"><span class="octicon octicon-link"></span></a>Reporting issues
125 </h3>
126
127 <p>For the time being, use the following links to view and report issues with WebVR implementations:</p>
128
129 <ul>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]130 <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>
Fernando Serranob5766a72018-09-26 01:02:30 +0200[diff] [blame]131 <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&amp;component=WebVR&amp;status_whiteboard=[webvr]&amp;cc=kgilbert@mozilla.com">file issue</a>)</li>
Fernando Serranoe26484a2018-09-26 00:09:11 +0200[diff] [blame]132 <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>
Fernando Serranob5766a72018-09-26 01:02:30 +0200[diff] [blame]133 <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>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]134 </ul>
135
136 <h3>
137 <a id="webvr-emulator" class="anchor" href="#webvr-emulator" aria-hidden="true"><span class="octicon octicon-link"></span></a>WebVR Emulator
138 </h3>
139
140 <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>
141 <ul>
142 <li><a href="https://chrome.google.com/webstore/detail/webvr-api-emulation/gbdnpaebafagioggnhkacnaaahpiefil">Chrome Extension</a></li>
143 <li><a href="https://github.com/spite/WebVR-Extension">GitHub Repository</a></li>
144 </ul>
145
146 <h3>
147 <a id="webvr-sites" class="anchor" href="#webvr-sites" aria-hidden="true"><span class="octicon octicon-link"></span></a>Sites that use WebVR
148 </h3>
149
150 <ul>
151 <li><a href="https://aframe.io/">A-Frame</a></li>
152 <li><a href="https://playcanvas.com/">PlayCanvas</a></li>
Trimikha Valentiusfa0c46d2018-01-25 15:32:08 +0800[diff] [blame]153 <li><a href="https://facebook.github.io/react-vr/">React VR</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]154 <li><a href="https://sketchfab.com/">Sketchfab</a></li>
155 <li><a href="https://vizor.io/">Vizor</a></li>
156 </ul>
157
158 <h3>
159 <a id="misc-links" class="anchor" href="#misc-links" aria-hidden="true"><span class="octicon octicon-link"></span></a>Misc. Links
160 </h3>
161
162 <ul>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]163 <li><a href="https://mixedreality.mozilla.org/">Mozilla’s Mixed Reality team</a></li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]164 <li><a href="https://blog.mozvr.com/">Mozilla VR blog</a></li>
Christopher Van Wiemeersch4b839a42018-04-02 20:03:04 -0700[diff] [blame]165 <li><a href="http://blog.tojicode.com/">Brandon’s blog</a></li>
166 <li><a href="https://webvr.slack.com/">WebVR Slack</a> (<a href="https://slacknow.herokuapp.com/webvr">sign up</a>)</li>
Jonas Jongejan0e19eab2017-03-23 11:10:14 -0400[diff] [blame]167
168 </ul>
169 </main>
170
171 <footer class="footer">
172 </footer>
173 </div>
174 </body>
175</html>