![Challenges for VR [on Mobile]
• Usability
• Controls
• Hardware
• Accessibility
• Content
• Disability
• Content
• New
• Existing
• Performance
• Security
• …](https://image.slidesharecdn.com/webvrmwp-170329125501/85/Virtual-Reality-on-the-Web-36-320.jpg)
Virtual Reality on the Web
- 1. Virtual Reality on the Web @diekus / @samsunginternet https://samsunginter.net
- 3. Virtual Reality the computer-generated simulation of a three- dimensional image or environment that can be interacted with in a seemingly real or physical way by a person using special electronic equipment, such as a helmet with a screen inside or gloves fitted with sensors. source: Oxford Dictionaries
- 6. HMD Required:* • < 20ms motion to photon latency • Gear VR • DK2 • Display resolution? • Galaxy S7 - WQHD (1280x1440 per eye) • PSVR - Full HD (960x1080 per eye) *desired
- 7. audio binaural/3D positional audio audio-visual realism and synchronization Audio Must be Consistent With What You See
- 8. interaction
- 9. content
- 10. contentpre-approved closed environment wait several minutes download 100s of MBs experience you discard after 1 use
- 11. if only…
- 12. Open, fast, secure, frictionless, accessible, widely distributed, cross device, easy-to-share, scalable
- 13. Who is ready?
- 14. ?
- 15. source: webvr.rocks * Supported by WebVR
- 16. content audio interaction WebVR API WebAudio API Gamepad API Content: • 360° media • Frameworks • Engines
- 17. WebVR API WebVR is an experimental JavaScript API that provides access to Virtual Reality devices in your browser + navigator.getVRDisplays()
- 18. WebAudio window.AudioContext inputs effects destination biquad filter reverb panner compressor stream oscillator <audio>
- 19. Gamepad API Gamepad Haptics Gamepad Pose 3/6 DoF Touchpad Support Gamepad Extensions navigator.getGamepads()
- 20. Web Speech API let recognition = new SpeechRecognition();
- 21. 360° media
- 22. Frameworks, engines, renderers THREE.js A-Frame ReactVR XML3D-NG Vizor.io PlayCanvas WebGL Unity
- 23. A-Frame <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/style.css" rel="stylesheet"> <link rel="manifest" href="manifest.json"> <script src="aframe.js"></script> <title>A-Frame at MWP 2017</title> </head> <body> <a-scene> </a-scene> </body> </html>
- 24. source: http://rolanddubois.com/webvr/gravr-component/ & https://playcanv.as/p/SA7hVBLt/ If visual fidelity was all that mattered we would be watching Blu-rays instead of Netflix -J.Carpenter
- 25. Why WebVR?
- 26. Democratizes VR
- 27. Panorama June 2016 • Over 200,000 developers registered to work on Oculus Rift. • 1.3 million subscribers to the YouTube 360 channel. • Cardboard app has been downloaded over 10 million times. source: https://www.linkedin.com/pulse/hype-numbers-vr-industry-peeter-nieler
- 28. source: http://www.wired.co.uk/article/samsung-vr-outships-psvr-htc-vive-and-oculus “4.5 million shipped in one year is an impressive figure and implies the future of VR may, in fact, be mobile.”
- 29. Price is a dominant factor in making a VR purchase decision source: Greenlight VR Consumer Adoption Report 2016, among 1300 people
- 30. How much would you be willing to pay for a VR device? 28% up to 100 € 66% 101-500 € 5% 501-1000€ 1% more than 1000€ source: Deutsche Messe Interactive Online-Befragung unter 1000 Besuchern INVR @ Beyond 2016
- 32. 61% Gaming 59% Meetings 56% Shopping 56% Live Sports source: Greenlight VR Consumer Adoption Report 2016, among 1300 people VR Uses Cases consumers are interested in 74% Travel and Adventure 67% Movies & Recorded Videos 67% Live Events (non sport) 66% Home Design 64% Classes
- 33. source: Virtuleap Partners’ debrief Virtuleap Hackathon Topics Categories included social VR, templates & tools, healthcare & medicine, education, arts & crafts, products, engineering & science, sports, advertising, and trades & craft. Gaming and entertainment represented only 17 percent of the submission pool. ‘Hello, worlds!’ developed by Paris-based Maud Nalpas, the sole female developer to participate in the hackathon, was created as an educational experience for discovering astronomy.
- 34. WebVR on Mobile
- 35. WebVR on Mobile VR can scale gracefully through different devices ranging from mobile only to full room tracking experiences headset gamepadmobilebrowser
- 36. Challenges for VR [on Mobile] • Usability • Controls • Hardware • Accessibility • Content • Disability • Content • New • Existing • Performance • Security • …
- 37. Examples pwac-man bubble word drop
- 38. PWAc-Man Pac-Man like game where the playing space surrounds the user. Uses Gamepad API.
- 39. bubble 360° image viewer. Uses File API.
- 40. word drop Creates words that drop and bounce. Uses WebSpeech API (SpeechRecognition interface).
- 41. Open, fast, secure, frictionless, accessible, widely distributed, cross device, easy-to-share, scalable, independent of connection?
- 42. web pages + ?
- 43. web ‘pages’ running from the device’s home-screen, capable of sending notifications and running offline
- 44. web ‘pages’ running from the device’s home-screen, capable of sending notifications and running offline: Progressive Web App
- 45. The Web on Virtual Reality What does this imply for the browser?
- 46. New Workflows
- 47. New Browsers
- 48. source: Josh Carpenter, Google New Axis
- 49. What do YOU think? • can the web and VR work well together?
- 50. Let’s make this happen
- 51. Virtual Reality on the Web @diekus / @samsunginternet https://samsunginter.net