Share
VIDEOS 1 TO 50
Building Virtual Reality on the Web with WebVR (Google I/O
Building Virtual Reality on the Web with WebVR (Google I/O '17)
Published: 2017/05/19
Channel: Google Chrome Developers
Introduction to WebVR 1.0 (Brandon Jones)
Introduction to WebVR 1.0 (Brandon Jones)
Published: 2016/05/26
Channel: SFHTML5
What is WebVR?
What is WebVR?
Published: 2017/01/30
Channel: WebVR Rocks
WebVR Create Portable VR Experiences on the Web
WebVR Create Portable VR Experiences on the Web
Published: 2016/10/12
Channel: Oculus
WebVR and A-Frame Showcase in Firefox
WebVR and A-Frame Showcase in Firefox
Published: 2017/08/07
Channel: Mozilla Hacks
WebVR Experiments: Virtual reality on the web for everyone
WebVR Experiments: Virtual reality on the web for everyone
Published: 2017/04/12
Channel: Google Developers
Mozilla WebVR   Virtual Reality is now a reality for everyone in Firefox
Mozilla WebVR Virtual Reality is now a reality for everyone in Firefox
Published: 2017/08/08
Channel: Firefox
WebVR: A Whirlwind Tour of VR on the Web - Martin Splitt @ WeAreDevelopers Conference 2017
WebVR: A Whirlwind Tour of VR on the Web - Martin Splitt @ WeAreDevelopers Conference 2017
Published: 2017/05/30
Channel: WeAreDevelopers
WebVR: How to create virtual worlds with JavaScript
WebVR: How to create virtual worlds with JavaScript
Published: 2016/10/06
Channel: Pusher
WebVR is the next frontier — Martin Splitt
WebVR is the next frontier — Martin Splitt
Published: 2017/03/22
Channel: HolyJS
Google
Google's Chrome Web VR Platform | Chrome VR Experiments
Published: 2017/04/17
Channel: VR Kommando
WebVR, WebAR and the Distribution of Volumetric Content at Scale Through the Web Panel
WebVR, WebAR and the Distribution of Volumetric Content at Scale Through the Web Panel
Published: 2017/06/09
Channel: Augmented World Expo (AWE)
Fun with WebGL 2.0 : 018 : WebVR with HTC Vive
Fun with WebGL 2.0 : 018 : WebVR with HTC Vive
Published: 2017/04/08
Channel: SketchpunkLabs
RiftSketch: Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js
RiftSketch: Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js
Published: 2014/10/04
Channel: Brian Peiris
Web Design Trends 2017 - WebVR | Virtual & Augmented Reality Websites
Web Design Trends 2017 - WebVR | Virtual & Augmented Reality Websites
Published: 2016/02/07
Channel: The Website Baba
A Review of Mozilla
A Review of Mozilla's A-Frame WebVR Framework
Published: 2015/12/18
Channel: ARVR Magazine
Easy WebVR with A-Frame
Easy WebVR with A-Frame
Published: 2017/05/19
Channel: BenjiJS
WebVR in the GearVR
WebVR in the GearVR
Published: 2017/02/02
Channel: Ada Rose Edwards
WebVR Design Sample
WebVR Design Sample
Published: 2016/10/29
Channel: Zake Zhang
Reach the Largest Gaming Platform of All: The Web. WebGL, WebVR and glTF
Reach the Largest Gaming Platform of All: The Web. WebGL, WebVR and glTF
Published: 2017/03/15
Channel: The Khronos Group
Vizor.IO WebVR Tutorial (NO CODE!)
Vizor.IO WebVR Tutorial (NO CODE!)
Published: 2017/02/25
Channel: FusedVR
UI/UX design for WebVR with Josh Carpenter
UI/UX design for WebVR with Josh Carpenter
Published: 2015/01/19
Channel: SFHTML5
A-Frame WebVR Tutorial 1 - Setting Up
A-Frame WebVR Tutorial 1 - Setting Up
Published: 2016/08/03
Channel: Sonar Systems
WebVR Using A-Frame Getting Started (Tutorial 1)
WebVR Using A-Frame Getting Started (Tutorial 1)
Published: 2017/02/22
Channel: Next Dimension Media
WebVR in PlayCanvas
WebVR in PlayCanvas
Published: 2016/11/08
Channel: playcanvas
Google Works With Mozilla to Create WebVR
Google Works With Mozilla to Create WebVR
Published: 2017/02/09
Channel: Wochit Tech
WebGL, WebVR & Three.js editor with Ricardo Cabello and Jaume Sanchez
WebGL, WebVR & Three.js editor with Ricardo Cabello and Jaume Sanchez
Published: 2015/09/30
Channel: Awwwards
WebVR Experiments: Google Virtual Reality【VIVE,Oculus, Daydream, Cardboard】
WebVR Experiments: Google Virtual Reality【VIVE,Oculus, Daydream, Cardboard】
Published: 2017/04/13
Channel: Portal Virtual Reality
Unity to WebVR
Unity to WebVR
Published: 2017/06/28
Channel: Merrick Fox
WebVR - Fabien Benetou
WebVR - Fabien Benetou
Published: 2017/05/31
Channel: World VR Forum
Talk: JB Grasset on Web VR, WebGL & the Internet of Experiences
Talk: JB Grasset on Web VR, WebGL & the Internet of Experiences
Published: 2017/03/01
Channel: Awwwards
VR Toronto (VRTO) Panel: Immersive Web VR, feat Google, Microsoft, JanusVR
VR Toronto (VRTO) Panel: Immersive Web VR, feat Google, Microsoft, JanusVR
Published: 2017/07/19
Channel: VR Toronto VRTO Virtual Reality, Toronto
The WebVR Ecosystem with Tony Parisi
The WebVR Ecosystem with Tony Parisi
Published: 2017/03/25
Channel: SFHTML5
WebVR Lab Teaser
WebVR Lab Teaser
Published: 2017/02/09
Channel: playcanvas
WebVR: ¿Qué es? ¿Y cómo se come?
WebVR: ¿Qué es? ¿Y cómo se come?
Published: 2017/04/21
Channel: Web Games Day
Samsung Gear VR Internet app gets WebVR support
Samsung Gear VR Internet app gets WebVR support
Published: 2016/12/23
Channel: Go News
Konterball #webvr
Konterball #webvr
Published: 2017/04/12
Channel: Thomas Lichtblau
Running WebVR on macOS with Firefox Nightly
Running WebVR on macOS with Firefox Nightly
Published: 2017/06/05
Channel: Mozilla Hacks
Let
Let's Talk WebVR, Aframe, and Krpano
Published: 2017/01/13
Channel: Spencer Cooley
How WebVR works in the browser.
How WebVR works in the browser.
Published: 2016/11/03
Channel: Mozilla VR
WebVR Demo With Blend4Web and the Vive
WebVR Demo With Blend4Web and the Vive
Published: 2017/05/10
Channel: Will W
WebVR Across All Devices (Boris Smus)
WebVR Across All Devices (Boris Smus)
Published: 2016/05/26
Channel: SFHTML5
Web VR on Firefox OS demo at Whistler work week of mozilla
Web VR on Firefox OS demo at Whistler work week of mozilla
Published: 2015/06/25
Channel: Firefox os Central
WebVR is Coming to Chrome
WebVR is Coming to Chrome
Published: 2017/02/11
Channel: TWiT Netcast Network
HTC Vive Controllers in Babylon.js WebVR
HTC Vive Controllers in Babylon.js WebVR
Published: 2017/03/16
Channel: David Rousset
Capturing WebVR
Capturing WebVR
Published: 2017/05/19
Channel: Mozilla Hacks
Out Of Browser Goes WebVR
Out Of Browser Goes WebVR
Published: 2016/12/23
Channel: Fraunhofer IGD
Brett Leonard on why WebVR is critical to mass market VR adoption
Brett Leonard on why WebVR is critical to mass market VR adoption
Published: 2017/03/23
Channel: Venn.Agency
A-Frame WebVR Tutorial 8 - Skybox
A-Frame WebVR Tutorial 8 - Skybox
Published: 2016/08/07
Channel: Sonar Systems
A-Frame WebVR Tutorial 15 - Object Loading
A-Frame WebVR Tutorial 15 - Object Loading
Published: 2016/08/24
Channel: Sonar Systems
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

From Wikipedia, the free encyclopedia
Jump to: navigation, search

WebVR is an experimental JavaScript API that provides support for virtual reality devices, such as the HTC Vive, Oculus Rift or Google Cardboard, in a web browser.[1]

This API is designed with the following goals in mind:[2]

  • Detect available Virtual Reality devices.
  • Query the devices capabilities.
  • Poll the device’s position and orientation.
  • Display imagery on the device at the appropriate frame rate.

History[edit]

WebVR was first conceived in spring 2014 by Vladimir Vukićević from Mozilla. The API's contributors include Brandon Jones, Boris Smus and others from the Mozilla team.[3] On March 1, 2016, the Mozilla VR team and the Google Chrome team announced the version 1.0 release of the WebVR API proposal. The resulting API refactoring brought many improvements to WebVR.[4]

The last tagged version is 1.1,[5] which was last edited on April 5, 2017. The editors of the document include members from Mozilla and Google teams. However some Microsoft members have joined, and are actively collaborating in the drafting process of version 2.0 for the WebVR API.[6]

Design[edit]

The WebVR API exposes a few new interfaces (such as VR Display, VR pose) that allow web applications to present content in virtual reality, by using WebGL with the necessary camera settings and device interactions (such as controllers or point of view). The API has been designed to follow a certain path, which is very similar to other intrusive Web API like the Geolocation API. The necessary steps are:

  1. Request a list of the available VR devices.
  2. Checks to see if the desired device supports the presentation modes the application needs.
  3. If so, application advertises VR functionality to the user.
  4. User performs an action that indicates they want to enter VR mode.
  5. Request a VR session to present VR content with.
  6. Begin a render loop that produces graphical frames to be displayed on the VR device.
  7. Continue producing frames until the user indicates that they wish to exit VR mode.
  8. End the VR session.

Support[edit]

WebVR still relies on a special browser version with the API enabled in a special settings screen that most users would not be able to find easily.[7] WebVR is currently supported in Firefox Nightly Build and a custom build of Chrome. WebVR v1.0 is in Android Chrome behind a flag. Until WebVR is actually supported most browsers still support part of the API through a polyfill. Microsoft announced in September 2016 that it had started development of WebVR in the Edge browser.[8]

Currently (April 8, 2017), the WebVR API is still in early development. As such, the defined APIs are changing frequently and cannot be considered stable. While the API is being finalized, version 1.1 may be found in some browsers: Chrome for Android, Firefox Nightly, Samsung Internet, Microsoft Edge, Chromium, Servo and Oculus Carmel.

It should be noted that support of WebVR doesn't imply that a certain browser supports a specific headset, but that it provides the necessary API, leaving to browsers to choose which headset to support.

As of August 8, 2017, WebVR is enabled by default in the Firefox browser.[9]

Notable uses[edit]

Space Disaster: browser VR game made with WebGL and Blend4Web

Below are some notable companies or projects related to WebVR:

  • IdeaSpaceVR is an open source content management system with an API to create VR themes in order to create, publish and manage VR experiences.[10]
  • Rodin enables creation and deployment of virtual reality experiences cross-platform using just JavaScript.[11]
  • JanusVR JanusVR is a suite of software that makes it simple to create, share and experience spatially rich internet content.[12]
  • A-Frame (VR) is an open-source web framework for building VR experiences with HTML from Mozilla.[13]
  • Archilogic has successfully used WebVR to produce 3D models that can be visited in virtual reality.
  • Blend4Web is used for authoring WebVR-based applications such as heritage reconstruction and games.[14]
  • Kokowa: Kokowa is a webVR publishing platform aimed at non-programmers. It provides a drag and drop editor to build and share webVR experiences on the web and on social media.[15]
  • Goocreate: Goo Create is a cloud based 3D WebGL content creation editor. It can be used to create games, ads, campaign websites product showcases and scientific visualizations that run in a web browser.
  • PlayCanvas: PlayCanvas is an open source 3D game engine/interactive 3D application engine.
  • Vizor: Vizor is a platform for creating and sharing VR content on the web.
  • Sketchfab: allows people to display and share 3D content online. It provides a 3D model viewer that allows the display of 3D models on any mobile, desktop webpage or VR headset.
  • X3DOM: is an open-source framework and runtime for 3D graphics on the Web including WebVR. It leverages X3D, the current ISO open standard for web3D.[16]
  • Within: Extraordinary storytelling in Virtual Reality. Choose and watch many movies from the Within catalog in WebVR.[17]

Similar technologies[edit]

Although WebVR is unique as an API, there are native applications on most hardware allowing for networked experiences and access to web content. Several key tools, such as Unity and Blender, are also able to export for the web and provide users a way to use their content without installing a dedicated application.

See also[edit]

References[edit]

  1. ^ "WebVR API". Mozilla Developer Network. Retrieved 2015-11-04. 
  2. ^ "w3c/webvr". GitHub. Retrieved 2017-04-08. 
  3. ^ "WebVR - Bringing Virtual Reality to the Web". webvr.info. Retrieved 2016-07-08. 
  4. ^ "Introducing the WebVR 1.0 API Proposal ★ Mozilla Hacks – the Web developer blog". hacks.mozilla.org. Retrieved 2016-07-08. 
  5. ^ "WebVR". w3c.github.io. Retrieved 2017-04-08. 
  6. ^ "WebVR". w3c.github.io. Retrieved 2017-04-08. 
  7. ^ "Using WebVR: pros and cons - Archilogic". Archilogic. 2016-07-07. Retrieved 2016-07-08. 
  8. ^ Bringing WebVR to Microsoft Edge, 2016-09-09, retrieved 2016-09-09 
  9. ^ Firefox update will add WebVR support for virtual reality viewing, 2017-08-08 
  10. ^ "IdeaSpaceVR". IdeaSpaceVR.org. 
  11. ^ "Rodin". 
  12. ^ "JanusVR: The World Inside the Web". 
  13. ^ "A-Frame". aframe.io. 
  14. ^ "Blend4Web 16.06 LTS Released". Blend4Web.com. Retrieved 2016-07-12. 
  15. ^ "Want to Kick It With Putin in Your Own Virtual World? Kokowa Is for You". wired.com. 
  16. ^ "X3DOM". x3dom.org. 
  17. ^ "Within". Within. 

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, Wikipedia, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.

Powered by YouTube
Wikipedia content is licensed under the GFDL and (CC) license