{"id":62456,"date":"2018-06-13T00:00:00","date_gmt":"2018-06-13T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2018\/06\/13\/within-webvr\/"},"modified":"2021-02-09T05:36:32","modified_gmt":"2021-02-09T05:36:32","slug":"within-webvr","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/","title":{"rendered":"WITHIN creates distribution platform using WebVR"},"content":{"rendered":"

Virtual Reality (VR) content has arrived on the web, with help from the WebVR API<\/a>. It\u2019s a huge inflection point for a medium that has struggled for decades to reach a wide audience. Now, anyone with access to an internet-enabled computer or smartphone can enjoy VR experiences, no headset required. A good place to start? WITHIN\u2019s freshly launched VR website<\/a>.<\/p>\n

From gamers to filmmakers, VR is the bleeding edge of self-expression for the next generation. It gives content creators the opportunity to tell stories in new ways, using audience participation, parallel narratives, and social interaction in ever-changing virtual spaces. With its immersive, 360-degree audio and visuals, VR has outsized power to activate our emotions and to put us in the center of the action.<\/p>\n

WITHIN<\/a> is at the forefront of this shift toward interactive filmmaking and storytelling. The company was one of the first to launch a VR distribution platform that showcases best-in-class VR content with high production values.<\/p>\n

\"\"<\/p>\n

\u201cFilm is this incredible medium. It allows us to feel empathy for people that are very different from us, in worlds completely foreign to our own,” said Chris Milk, co-founder of WITHIN, in a Ted Talk<\/a>. \u201cI started thinking, is there a way I could use modern and developing technologies to tell stories in different ways, and tell different kinds of stories that maybe I couldn\u2019t tell using the traditional tools of filmmaking that we\u2019ve been using for 100 years?\u201d<\/p>\n

Simple to use<\/b><\/h3>\n

WITHIN\u2019s approach is to bring curated and original VR experiences directly to viewers for free, rather than trying to gain visibility for their content through existing channels. Until now, VR content was mostly presented to headset users via the manufacturer\u2019s store websites. So if you shelled out hundreds of dollars for an Oculus Rift or HTC Vive, you would see a library of content when you fired up your rig.<\/p>\n

\"\"<\/a>With its new site, WITHIN is making VR content accessible to everyone, whether they\u2019re watching on a laptop, mobile phone, or headset. The company produces immersive VR experiences with high-profile partners like the band OK Go and Tyler Hurd. It also distributes top-tier VR experiences, like family-friendly animation and nature shows, with 360-degree visuals and stereoscopic sound.<\/p>\n

\u201cWe aim to make it as easy as possible for fans to discover and share truly great VR experiences,\u201d said Jon Rittenberg, Content Launch Manager at WITHIN.<\/p>\n

WebVR JavaScript API <\/b><\/h3>\n

The key to reaching a vast potential audience of newcomers is to make a platform that is simple to use and easy to explore. Most importantly, it should work without exposing visitors to technical hurdles. That\u2019s a challenge for two reasons.<\/p>\n

First, the web is famously democratic. Companies like WITHIN have no control over who comes to their site, what device they\u2019re on, what operating system that device runs, or how much bandwidth they have. Second, the web is still immature as a VR platform, with a growing but limited number of tools.<\/p>\n

\"\"<\/a>To build a platform that \u2018just works\u2019, the engineers at WITHIN turned to the WebVR API. Mozilla engineers built the foundation for the WebVR API<\/a> with a goal to give companies like WITHIN a simpler way to support a range of viewing options without having to rewrite their code for each platform. WebVR<\/a> provides support for exposing VR devices and headsets to web apps, enabling developers to translate position and movement information from the display into movement around a 3D scene.<\/p>\n

Adapting content to devices<\/h3>\n

Using the WebVR specification, the company built its WITHIN WebVR site<\/a> so it could adapt to dozens of factors and give new viewers a consistently great experience. In an amazing proof-of-concept for VR on the web, the company was able to optimize each streaming experience to a wide range of platforms and displays, like Vive, Rift, PSVR, iOS, Android, GearVR, and Oculus Go.<\/p>\n

\"\"<\/p>\n

\u201cThe API really helped us out. It gave us all the pieces we needed,\u201d said Jono Brandel, Lead Designer at WITHIN. \u201cWithout the WebVR API, we could not have done any of this stuff in the browser. We wouldn\u2019t have access to VR headsets.\u201d<\/p>\n

Gorgeous content<\/b><\/h3>\n

The WITHIN WebVR site does a fantastic job of adapting its VR content to a range of devices. The site can identify a visitor\u2019s device and push content suited for that device, making it easy on the end user. The majority of visitors to WITHIN\u2019s VR site arrive on a Cardboard device that works with their smartphone. That delivers a basic experience: 3D stereoscopic visuals with some gyroscopic controls.<\/p>\n

\"WITHIN<\/a><\/p>\n

Headset users get the same content with higher resolution visuals and binaural audio, which brings life-like sound effects to VR experiences. The VR content can also adapt to different head and hand tracking inputs, and supports common navigational tools in popular headsets. Folks visiting via a browser can view VR content just as they would play a 3D, interactive game or watch a 360-degree video online.<\/p>\n

To get this level of adaptive support took quite a bit of work behind the scenes. \u201cWe have a room filled with a ton of devices: smartphones, computers, and operating systems. We\u2019ve got everything,\u201d Brandel said. \u201cIt\u2019s really cool that one code base supports all of these platforms.\u201d<\/p>\n

A more capable web platform<\/b><\/h3>\n

The web is a great platform for creating and experiencing VR. It\u2019s easy to share content broadly, across continents and cultures. And it\u2019s simple to get started building 3D experiences using free tools like A-Frame<\/a>, invented by Mozilla engineers with help from a talented and dedicated open source community.<\/p>\n

\u201cWe\u2019re excited to see such big platforms making a bet on WebVR,\u201d said Lars Bergstrom, Director of Mixed Reality at Mozilla. \u201cAs new devices reach more people, we expect the WebVR specification will continue to grow and evolve.\u201d<\/p>\n

Mozilla and WITHIN are also collaborating to make the open web platform even better for VR distribution. The two companies are working together on a series of experiments to make WebVR versions of popular players as capable as native applications, using tech standards WebGL<\/a> and WebAssembly<\/a>.<\/p>\n

The goal is to make it simpler for content creators to push their stories and games to the web, without having to do a lot of coding work. The two companies are exploring how to use Unity\u2019s popular gaming platform to streamline the publication to the web, while still delivering performance, stability, and scale for immersive experiences.<\/p>\n

\u201cThe Unity ecosystem is already mature \u2013 and it\u2019s where the designers and developers are focused,\u201d said Christopher Van Wiemeersch, Senior UX Web Engineer at Mozilla. \u201cWe\u2019re hoping that WebAssembly and the Unity-WebVR Exporter can help us use the web as a distribution platform and not only as a content-creation platform. You\u2019re using JavaScript under the hood, but you don\u2019t have to learn it yourself.\u201d<\/p>\n

Earlier this year, Mozilla released Unity WebVR Assets<\/i><\/a>, a tool that aims to reduce complexity for content authors by letting them export content from the Unity platform and have the experiences work on the web. You can check it out in the Unity Asset Store<\/a>.<\/p>\n

If you\u2019re a filmmaker interested in getting your VR experience on the WITHIN platform, you can submit your project here<\/a> for consideration.<\/p>\n

\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"

Virtual Reality (VR) content has arrived on the web, with help from the WebVR API. It\u2019s a huge inflection point for a medium that has struggled for decades to reach a wide audience. Now, anyone with access to an internet-enabled computer or smartphone can enjoy VR experiences, no headset required. A good place to start? […]<\/p>\n","protected":false},"author":1462,"featured_media":11517,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"coauthors":[],"acf":[],"yoast_head":"\nWITHIN uses WebVR to build a VR content distribution platform<\/title>\n<meta name=\"description\" content=\"Virtual Reality (VR) pioneers at WITHIN have launched one of the first VR distribution platforms. The VR experiences are gorgeous and family-friendly \u2013 and you can see them on your PC, headset, or mobile device, thanks to the WebVR API created by Mozilla engineers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/\",\"name\":\"WITHIN uses WebVR to build a VR content distribution platform\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png\",\"datePublished\":\"2018-06-13T00:00:00+00:00\",\"dateModified\":\"2021-02-09T05:36:32+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e78adae84886c609040b3a8ebd49b9a3\"},\"description\":\"Virtual Reality (VR) pioneers at WITHIN have launched one of the first VR distribution platforms. The VR experiences are gorgeous and family-friendly \u2013 and you can see them on your PC, headset, or mobile device, thanks to the WebVR API created by Mozilla engineers.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png\",\"width\":1400,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WITHIN creates distribution platform using WebVR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e78adae84886c609040b3a8ebd49b9a3\",\"name\":\"Judy McConnell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/3d43bda79bdeaf681b09b69d0324e43a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/87128361181971557d8094ddfdbbe13b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/87128361181971557d8094ddfdbbe13b?s=96&d=mm&r=g\",\"caption\":\"Judy McConnell\"},\"description\":\"Judy is a Technical Writer working with Mozilla. She has written about open source software for many years and now focuses on the open web platform.\",\"sameAs\":[\"https:\/\/x.com\/judydemocker\"],\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/jdemockermozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WITHIN uses WebVR to build a VR content distribution platform","description":"Virtual Reality (VR) pioneers at WITHIN have launched one of the first VR distribution platforms. The VR experiences are gorgeous and family-friendly \u2013 and you can see them on your PC, headset, or mobile device, thanks to the WebVR API created by Mozilla engineers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/","url":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/","name":"WITHIN uses WebVR to build a VR content distribution platform","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png","datePublished":"2018-06-13T00:00:00+00:00","dateModified":"2021-02-09T05:36:32+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e78adae84886c609040b3a8ebd49b9a3"},"description":"Virtual Reality (VR) pioneers at WITHIN have launched one of the first VR distribution platforms. The VR experiences are gorgeous and family-friendly \u2013 and you can see them on your PC, headset, or mobile device, thanks to the WebVR API created by Mozilla engineers.","breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2018\/06\/Hero_v2.png","width":1400,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/within-webvr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"WITHIN creates distribution platform using WebVR"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/e78adae84886c609040b3a8ebd49b9a3","name":"Judy McConnell","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/3d43bda79bdeaf681b09b69d0324e43a","url":"https:\/\/secure.gravatar.com\/avatar\/87128361181971557d8094ddfdbbe13b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87128361181971557d8094ddfdbbe13b?s=96&d=mm&r=g","caption":"Judy McConnell"},"description":"Judy is a Technical Writer working with Mozilla. She has written about open source software for many years and now focuses on the open web platform.","sameAs":["https:\/\/x.com\/judydemocker"],"url":"https:\/\/blog.mozilla.org\/en\/author\/jdemockermozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62456"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/1462"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=62456"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/62456\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media\/11517"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=62456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=62456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=62456"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=62456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}