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
What is WebVR?
What is WebVR?
Published: 2017/01/30
Channel: WebVR Rocks
Future of the VR Web - Josh Carpenter UX Lead for WebVR at Google
Future of the VR Web - Josh Carpenter UX Lead for WebVR at Google
Published: 2017/10/10
Channel: Awwwards
WebVR and A-Frame Showcase in Firefox
WebVR and A-Frame Showcase in Firefox
Published: 2017/08/07
Channel: Mozilla Hacks
Introduction to WebVR 1.0 (Brandon Jones)
Introduction to WebVR 1.0 (Brandon Jones)
Published: 2016/05/26
Channel: SFHTML5
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
How to Throw a Block in WebVR
How to Throw a Block in WebVR
Published: 2015/01/21
Channel: Leap Motion
Easy WebVR with A-Frame
Easy WebVR with A-Frame
Published: 2017/05/19
Channel: BenjiJS
WebVR with Three.js - Ricardo Cabello
WebVR with Three.js - Ricardo Cabello
Published: 2016/12/07
Channel: Mozilla Hacks
Shay Keinan: WebVR and React — ReactNext 2017
Shay Keinan: WebVR and React — ReactNext 2017
Published: 2017/10/23
Channel: ReactNext
SF WebVR/AR Monthly: Esteban Ordano - Decentraland
SF WebVR/AR Monthly: Esteban Ordano - Decentraland
Published: 2017/10/26
Channel: Kieran Farr
WebVR Design Sample
WebVR Design Sample
Published: 2016/10/29
Channel: Zake Zhang
The Future of Web Design - 2018 // (Web VR)
The Future of Web Design - 2018 // (Web VR)
Published: 2017/09/08
Channel: The Website Baba
WebVR is the next frontier — Martin Splitt
WebVR is the next frontier — Martin Splitt
Published: 2017/03/22
Channel: HolyJS
WebVR Create Portable VR Experiences on the Web
WebVR Create Portable VR Experiences on the Web
Published: 2016/10/12
Channel: Oculus
Casper Fabricius (Cimmerse): WebVR with A-Frame, React and Redux
Casper Fabricius (Cimmerse): WebVR with A-Frame, React and Redux
Published: 2017/11/13
Channel: Augmented World Expo (AWE)
The Future of Immersive Experiences on the Web with VR and AR (Chrome Dev Summit 2017)
The Future of Immersive Experiences on the Web with VR and AR (Chrome Dev Summit 2017)
Published: 2017/10/25
Channel: Google Chrome Developers
WebVR: How to create virtual worlds with JavaScript
WebVR: How to create virtual worlds with JavaScript
Published: 2016/10/06
Channel: Pusher
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
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
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
webvr showroom screencast
webvr showroom screencast
Published: 2017/06/30
Channel: littleworkshopfr
Capturing WebVR
Capturing WebVR
Published: 2017/05/19
Channel: Mozilla Hacks
Unity to WebVR
Unity to WebVR
Published: 2017/06/28
Channel: Merrick Fox
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: Adding VR to Your Web Sites and Web Apps
WebVR: Adding VR to Your Web Sites and Web Apps
Published: 2017/05/17
Channel: Microsoft Developer US
Vizor.IO WebVR Tutorial (NO CODE!)
Vizor.IO WebVR Tutorial (NO CODE!)
Published: 2017/02/25
Channel: FusedVR
A-Frame WebVR Tutorial 1 - Setting Up
A-Frame WebVR Tutorial 1 - Setting Up
Published: 2016/08/03
Channel: Sonar Systems
Unity/WebVR Demo
Unity/WebVR Demo
Published: 2018/02/15
Channel: Mozilla Hacks
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
Google
Google's Chrome Web VR Platform | Chrome VR Experiments
Published: 2017/04/17
Channel: VR Kommando
WebVR Performance Comparison: Firefox 55 vs Firefox Quantum
WebVR Performance Comparison: Firefox 55 vs Firefox Quantum
Published: 2018/02/16
Channel: Mozilla Hacks
WebVR in PlayCanvas
WebVR in PlayCanvas
Published: 2016/11/08
Channel: playcanvas
WebVR & Cardboard support in Babylon.js Sponza demo - work in progress
WebVR & Cardboard support in Babylon.js Sponza demo - work in progress
Published: 2016/09/06
Channel: David Rousset
Microsoft Edge Web Summit 2017 Mixed Reality in Microsoft Edge with WebVR
Microsoft Edge Web Summit 2017 Mixed Reality in Microsoft Edge with WebVR
Published: 2017/10/25
Channel: 25msr
Vision 2017 - WebVR Panel
Vision 2017 - WebVR Panel
Published: 2017/05/17
Channel: Unity
Introduction and Overview of the WebVR APIs with Tony Parisi
Introduction and Overview of the WebVR APIs with Tony Parisi
Published: 2015/01/19
Channel: SFHTML5
Publishing #WebVR Content With Vizor
Publishing #WebVR Content With Vizor
Published: 2016/04/19
Channel: VizorVR
WebVR Lab Teaser
WebVR Lab Teaser
Published: 2017/02/09
Channel: playcanvas
Puzzle Rain, a musical WebVR journey for HTC Vive
Puzzle Rain, a musical WebVR journey for HTC Vive
Published: 2016/09/28
Channel: Mozilla VR
Oculus Rift WebVR virtual reality dinosaur demo
Oculus Rift WebVR virtual reality dinosaur demo
Published: 2014/08/04
Channel: Peter O'Shaughnessy
Creating cross-browser Cardboard WebVR controllers using WebSockets
Creating cross-browser Cardboard WebVR controllers using WebSockets
Published: 2015/12/22
Channel: Istvan Szmozsanszky
WebVR: ¿Qué es? ¿Y cómo se come?
WebVR: ¿Qué es? ¿Y cómo se come?
Published: 2017/04/21
Channel: Web Games Day
WebVR meets WebRTC: Towards 360-degree social VR experiences
WebVR meets WebRTC: Towards 360-degree social VR experiences
Published: 2017/07/20
Channel: Martin Prins
HTC Vive Controllers in Babylon.js WebVR
HTC Vive Controllers in Babylon.js WebVR
Published: 2017/03/16
Channel: David Rousset
Adit: Virtual Reality Data Explorer with A-Frame WebVR and RStudio Shiny
Adit: Virtual Reality Data Explorer with A-Frame WebVR and RStudio Shiny
Published: 2016/12/29
Channel: William Murphy
PongVR - A WebVR Multiplayer Game
PongVR - A WebVR Multiplayer Game
Published: 2016/01/31
Channel: allyoucaneatVR
Mozilla Developer Roadshow Asia: WebVR & A-Frame
Mozilla Developer Roadshow Asia: WebVR & A-Frame
Published: 2017/10/18
Channel: Mozilla Hacks
Unity to WebVR: Not a Nightmare
Unity to WebVR: Not a Nightmare
Published: 2018/02/15
Channel: Mozilla Hacks
A Review of Mozilla
A Review of Mozilla's A-Frame WebVR Framework
Published: 2015/12/18
Channel: ARVR Magazine
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, Google Cardboard or OSVR 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 1.0 is currently supported in the release version of Firefox 55+ for Windows (64 bit version only)[7] and in Chrome for Android[8] as an Origin Trial Experiment, which means that developers can request a token to add to their website which will seamlessly enable WebVR. WebVR 1.1 is supported in Microsoft Edge from build 15002+[9], and in Samsung Internet, Chromium, Servo and Oculus Carmel.

Chrome for Windows supports WebVR 1.1 in a special build. Firefox 55+ for Windows also supports WebVR on macOS if a setting is enabled by the user.[10]

Notable uses[edit]

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.[11]
  • Rodin (VR) enables creation and deployment of virtual reality experiences cross-platform using just JavaScript.[12]
  • JanusVR JanusVR is a suite of software that makes it simple to create, share and experience spatially rich internet content.[13]
  • A-Frame (VR) is an open-source web framework for building VR experiences with HTML from Mozilla.[14]
  • 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.[15]
  • 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.[16]
  • 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.[17]
  • Within: Extraordinary storytelling in Virtual Reality. Choose and watch many movies from the Within catalog in WebVR.[18]

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. ^ https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/
  8. ^ https://webvr.rocks/chrome_for_android
  9. ^ https://docs.microsoft.com/en-us/microsoft-edge/webvr/webvr-with-edge
  10. ^ https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/
  11. ^ "IdeaSpaceVR". IdeaSpaceVR.org. 
  12. ^ "Rodin: WebVR made easy". rodin.io. 
  13. ^ "JanusVR: The World Inside the Web". 
  14. ^ "A-Frame". aframe.io. 
  15. ^ "Blend4Web 16.06 LTS Released". Blend4Web.com. Retrieved 2016-07-12. 
  16. ^ "Want to Kick It With Putin in Your Own Virtual World? Kokowa Is for You". wired.com. 
  17. ^ "X3DOM". x3dom.org. 
  18. ^ "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