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
From Zero to VR Hero: WebVR 101
From Zero to VR Hero: WebVR 101
Published: 2018/06/21
Channel: WeAreDevelopers
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
What is WebVR?
What is WebVR?
Published: 2017/01/30
Channel: WebVR Rocks
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
Easily code a virtual reality web experience with A-Frame (WebVR)
Easily code a virtual reality web experience with A-Frame (WebVR)
Published: 2017/09/16
Channel: freeCodeCamp.org
Designing a WebVR Game With A-Frame - Designer vs. Developer #18
Designing a WebVR Game With A-Frame - Designer vs. Developer #18
Published: 2018/07/18
Channel: Google Chrome Developers
Oculus Go // What is WebVR? / Firefox Reality Overview
Oculus Go // What is WebVR? / Firefox Reality Overview
Published: 2018/09/19
Channel: RaMarcus
WebVR Design Sample
WebVR Design Sample
Published: 2016/10/29
Channel: Zake Zhang
Cute fox in AR with AFrame to celebrate Firefox WebVR release!
Cute fox in AR with AFrame to celebrate Firefox WebVR release!
Published: 2017/08/08
Channel: Jerome Etienne
Introduction to WebVR 1.0 (Brandon Jones)
Introduction to WebVR 1.0 (Brandon Jones)
Published: 2016/05/26
Channel: SFHTML5
Unity to WebVR: Not a Nightmare
Unity to WebVR: Not a Nightmare
Published: 2018/02/15
Channel: Mozilla Hacks
webvr showroom screencast
webvr showroom screencast
Published: 2017/06/30
Channel: littleworkshopfr
WebVR is the next frontier — Martin Splitt
WebVR is the next frontier — Martin Splitt
Published: 2017/03/22
Channel: HolyJS
An Introduction | WebVR | Intel Software
An Introduction | WebVR | Intel Software
Published: 2018/05/09
Channel: Intel Software
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: 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
Unity to WebVR
Unity to WebVR
Published: 2017/06/28
Channel: Merrick Fox
StatsVR Tutorial for WebVR and ThreeJS projects
StatsVR Tutorial for WebVR and ThreeJS projects
Published: 2018/03/26
Channel: seanwasere ytbe
WebVR with A-Frame - Getting started - JSConf.Asia 2018
WebVR with A-Frame - Getting started - JSConf.Asia 2018
Published: 2018/02/20
Channel: Engineers.SG
WebVR and A-Frame Showcase in Firefox
WebVR and A-Frame Showcase in Firefox
Published: 2017/08/07
Channel: Mozilla Hacks
A-Frame - VR for Web Developers (Kevin Ngo and Diego Marcos)
A-Frame - VR for Web Developers (Kevin Ngo and Diego Marcos)
Published: 2016/05/26
Channel: SFHTML5
What is WebVR? | WebVR | Intel Software
What is WebVR? | WebVR | Intel Software
Published: 2018/05/16
Channel: Intel Software
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
Using WebVR with Windows Mixed Reality
Using WebVR with Windows Mixed Reality
Published: 2017/11/14
Channel: Ian Dixon
The Hacking VR Speaker Series: Brian Chirls on webVR
The Hacking VR Speaker Series: Brian Chirls on webVR
Published: 2017/03/06
Channel: MIT Open Documentary Lab
A-Frame WebVR Tutorial 5 - Animations
A-Frame WebVR Tutorial 5 - Animations
Published: 2016/08/06
Channel: Sonar Systems
Sound Forest in WebVR
Sound Forest in WebVR
Published: 2017/09/17
Channel: Matt Bell
Introduction to Creating Virtual Reality Websites Using the A-Frame Library (WebVR)
Introduction to Creating Virtual Reality Websites Using the A-Frame Library (WebVR)
Published: 2017/09/15
Channel: Zenva
WebVR demo on Chrome for Android-"Within"
WebVR demo on Chrome for Android-"Within"
Published: 2017/02/12
Channel: Jung Yi Hung
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-ception!
WebVR-ception!
Published: 2016/03/24
Channel: Brandon Jones
WebVR: ¿Qué es? ¿Y cómo se come?
WebVR: ¿Qué es? ¿Y cómo se come?
Published: 2017/04/21
Channel: Web Games Day
How to enjoy WebVR right now - Thiago Alves Luiz
How to enjoy WebVR right now - Thiago Alves Luiz
Published: 2017/10/26
Channel: InfoQ Brasil
WebVR Copresence
WebVR Copresence
Published: 2016/08/10
Channel: Boris Smus
A-Frame WebVR Tutorial 12 - Video
A-Frame WebVR Tutorial 12 - Video
Published: 2016/08/16
Channel: Sonar Systems
Tensorflow.js, Prepack and WebVR: FrontEnd news (8 June
Tensorflow.js, Prepack and WebVR: FrontEnd news (8 June'18)
Published: 2018/06/08
Channel: Good Parts
Virtual Reality for Architecture - A WebVR Tour
Virtual Reality for Architecture - A WebVR Tour
Published: 2017/05/28
Channel: iBrews
Inside out WebVR mobile browser for iOS
Inside out WebVR mobile browser for iOS
Published: 2017/10/28
Channel: Fabien Benetou
Sketchfab 3D model viewer using WebVR
Sketchfab 3D model viewer using WebVR
Published: 2016/09/16
Channel: Senor Lloyd
1. WebVR Development with A-Frame Tutorial : Getting Started
1. WebVR Development with A-Frame Tutorial : Getting Started
Published: 2018/03/05
Channel: Cordova
Introducing VR Concepts | WebVR | Intel Software
Introducing VR Concepts | WebVR | Intel Software
Published: 2018/05/30
Channel: Intel Software
WebVR Using A-Frame: Building Your First Scene (Tutorial 2)
WebVR Using A-Frame: Building Your First Scene (Tutorial 2)
Published: 2017/02/28
Channel: Next Dimension Media
Final Notes and Resources | WebVR | Intel Software
Final Notes and Resources | WebVR | Intel Software
Published: 2018/06/27
Channel: Intel Software
Sponza Treasure, a WebVR Demo by Microsoft Edge
Sponza Treasure, a WebVR Demo by Microsoft Edge
Published: 2018/05/22
Channel: Windows
WebVR: Coinciding Reality using JanusVR and Matterport
WebVR: Coinciding Reality using JanusVR and Matterport
Published: 2018/02/22
Channel: Daniel Meeks
A-Frame WebVR Tutorial 11 - Curved Image
A-Frame WebVR Tutorial 11 - Curved Image
Published: 2016/08/09
Channel: Sonar Systems
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
Publishing #WebVR Content With Vizor
Publishing #WebVR Content With Vizor
Published: 2016/04/19
Channel: VizorVR
A-Frame WebVR Tutorial 7 - Lighting
A-Frame WebVR Tutorial 7 - Lighting
Published: 2016/08/06
Channel: Sonar Systems
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

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

WebVR is an experimental JavaScript application programming interface (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+ on macOS also supports WebVR if a setting is enabled by the user.[7]

Supermedium was released in 2018 as a pure VR browser solely for WebVR content, supporting desktop VR headsets.[10]

Notable uses[edit]

Below are some notable companies or projects related to WebVR:

  • Supermedium is pure VR browser for Web-based VR content.[10]
  • 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.[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]
  • Babylon.js is an WebGL/WebVR open-source framework used to build render interactive 3D experiences.[19]
  • VRRollerCoaster.app is a WebVR roller coaster experience [20]
  • WebVR.Space enables users to explore a procedurally generated space universe with WebVR [21]

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.

WebXR[edit]

In 2018, the WebXR API superseded WebVR, being designed for both augmented reality and virtual reality devices.[22][23]

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. ^ a b "Firefox 55: first desktop browser to support WebVR – Mozilla Hacks - the Web developer blog". Mozilla Hacks – the Web developer blog. 
  8. ^ "WebVR Rocks". WebVR Rocks. 
  9. ^ mattwojo. "WebVR with Microsoft Edge - WebVR". docs.microsoft.com. 
  10. ^ a b "SUPERMEDIUM - virtual reality browser". SUPERMEDIUM - virtual reality browser. 
  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. 
  19. ^ "Babylon.js". Babylonjs.com. 
  20. ^ "WebVR Roller Coaster". vrrollercoaster.app. Retrieved 2018-06-29. 
  21. ^ "Web VR Space". webvr.space. Retrieved 2018-07-04. 
  22. ^ "Bringing Mixed Reality to the Web – The Mozilla Blog". The Mozilla Blog. 
  23. ^ "Welcome to the immersive web - Web - Google Developers". Google Developers. 

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