SlideShare a Scribd company logo
VR/360 Support in Video.JS
James Broberg
Founder & CEO
www.metacdn.com
streamshark.io
Emerging trends: VR/360
Emerging trends: 360/VR
• 360/VR capture devices becoming mainstream
• Consumer/UGC: Giroptic (Live), Ricoh Theta (VoD),
Sphericam/Bubl (VoD)
• Professional: 6 x GoPros + PC Rig, Nokia Ozo, Google
Jump
Consumption devices
• Oculus DK1 -> DK2 -> CV1
• HTC Vive (full room VR, “lighthouse” tracking)
• Samsung Gear VR (Note 4/S6/Note 5)
• “Ghetto VR” - Google Cardboard
• Mostly developer/“innovator” focused so far
• Consumer versions of all in Q4 15, Q1 16
“Responsive VR” -
Headset optional
• No need to wait for HMDs to become
mainstream
• Start delivering great 360/VR content now!
• Scale well for all form factors & inputs
• Billions of phones/tablets out there with
sensors/gyroscopes
• Other interesting input options - webcams,
hand trackers (Minority Report style)
MetaCDN/videojs-vr fork
• fork of slawrence/videojs-vr (unmaintained)
• Leverage new best practice drop-ins for
“Responsive VR”:
• borismus/webvr-polyfill
• borismus/webvr-boilerplate
• VRControl/VREffect from mrdoob/three.js
• Play back on desktop & mobile (Android/iOS)
• WebVR capable browsers can now ‘cast’ to Rift
videojs-vr
DEMO
MetaCDN focus with VR/360
• Our partners handle capture/production
• We do ingest, transcode/transmux, delivery
• We provide branded 360/VR players/apps that
are embeddable across multiple channels
(web/mobile/FB/twitter/etc)
• Delivery over web with WebVR / WebGL
• Working with efficient new formats - VP9/H265
to handle ballooning bitrate/frame size
• Still very much WIP: tech/browser still maturing

More Related Content

PPT
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
PPTX
Introduction to 360 Video
PPTX
Vr library
PPTX
Delivering 360 VR at Yahoo - Streaming Media East 2017
PDF
Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!
PDF
TB-Survey-2020.pdf
PDF
Introduction to WebVR Autodesk Forge 2016
PDF
High Quality 360 Video Rendering and Streaming
 
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
Introduction to 360 Video
Vr library
Delivering 360 VR at Yahoo - Streaming Media East 2017
Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!
TB-Survey-2020.pdf
Introduction to WebVR Autodesk Forge 2016
High Quality 360 Video Rendering and Streaming
 

Similar to VR/360 Support in Video.JS (20)

PDF
MUTEK_IMG 2015 // VR101 : la (re)naissance de la réalité virtuelle? / The (Re...
PDF
Orchard 360 media pack
PDF
EBU's report on DVB and VR
 
PDF
Immersive Video Delivery: From Omnidirectional Video to Holography
PDF
Create Your Own VR Experience
PPTX
WebXR - Introduction and Workshop
PPTX
Hacking Reality: Browser-Based VR with HTML5
PDF
Hack Reality - awe
PPTX
360 video
PPTX
WebVR, an offspring of two worlds
PPTX
Getting Started with Web VR
PDF
Foundations of the Immersive Web
PPTX
So You Want to Become a VR Developer
PDF
VR and Healthcare Symposium 2019
PPTX
how to hunt best webcast consultancy firm
PPTX
Introduction to The VR Web
PDF
Leen Segers: Customers Wanted - TSD17
PDF
Tony Parisi (VP Platform, Wevr) The Immersive Web
PDF
Quick dive into WebVR
PDF
Easy Virtual Reality
MUTEK_IMG 2015 // VR101 : la (re)naissance de la réalité virtuelle? / The (Re...
Orchard 360 media pack
EBU's report on DVB and VR
 
Immersive Video Delivery: From Omnidirectional Video to Holography
Create Your Own VR Experience
WebXR - Introduction and Workshop
Hacking Reality: Browser-Based VR with HTML5
Hack Reality - awe
360 video
WebVR, an offspring of two worlds
Getting Started with Web VR
Foundations of the Immersive Web
So You Want to Become a VR Developer
VR and Healthcare Symposium 2019
how to hunt best webcast consultancy firm
Introduction to The VR Web
Leen Segers: Customers Wanted - TSD17
Tony Parisi (VP Platform, Wevr) The Immersive Web
Quick dive into WebVR
Easy Virtual Reality
Ad

Recently uploaded (20)

PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PPTX
innovation process that make everything different.pptx
PPT
Design_with_Watersergyerge45hrbgre4top (1).ppt
PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PPTX
introduction about ICD -10 & ICD-11 ppt.pptx
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PPTX
Job_Card_System_Styled_lorem_ipsum_.pptx
PPTX
PptxGenJS_Demo_Chart_20250317130215833.pptx
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
Digital Literacy And Online Safety on internet
PDF
Triggering QUIC, presented by Geoff Huston at IETF 123
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
PPTX
SAP Ariba Sourcing PPT for learning material
PPTX
international classification of diseases ICD-10 review PPT.pptx
PDF
The Internet -By the Numbers, Sri Lanka Edition
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
Funds Management Learning Material for Beg
Tenda Login Guide: Access Your Router in 5 Easy Steps
innovation process that make everything different.pptx
Design_with_Watersergyerge45hrbgre4top (1).ppt
Introuction about ICD -10 and ICD-11 PPT.pptx
introduction about ICD -10 & ICD-11 ppt.pptx
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
Cloud-Scale Log Monitoring _ Datadog.pdf
Job_Card_System_Styled_lorem_ipsum_.pptx
PptxGenJS_Demo_Chart_20250317130215833.pptx
Module 1 - Cyber Law and Ethics 101.pptx
Digital Literacy And Online Safety on internet
Triggering QUIC, presented by Geoff Huston at IETF 123
presentation_pfe-universite-molay-seltan.pptx
Introuction about WHO-FIC in ICD-10.pptx
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
SAP Ariba Sourcing PPT for learning material
international classification of diseases ICD-10 review PPT.pptx
The Internet -By the Numbers, Sri Lanka Edition
Slides PDF The World Game (s) Eco Economic Epochs.pdf
Funds Management Learning Material for Beg
Ad

VR/360 Support in Video.JS

  • 1. VR/360 Support in Video.JS James Broberg Founder & CEO www.metacdn.com streamshark.io
  • 3. Emerging trends: 360/VR • 360/VR capture devices becoming mainstream • Consumer/UGC: Giroptic (Live), Ricoh Theta (VoD), Sphericam/Bubl (VoD) • Professional: 6 x GoPros + PC Rig, Nokia Ozo, Google Jump
  • 4. Consumption devices • Oculus DK1 -> DK2 -> CV1 • HTC Vive (full room VR, “lighthouse” tracking) • Samsung Gear VR (Note 4/S6/Note 5) • “Ghetto VR” - Google Cardboard • Mostly developer/“innovator” focused so far • Consumer versions of all in Q4 15, Q1 16
  • 5. “Responsive VR” - Headset optional • No need to wait for HMDs to become mainstream • Start delivering great 360/VR content now! • Scale well for all form factors & inputs • Billions of phones/tablets out there with sensors/gyroscopes • Other interesting input options - webcams, hand trackers (Minority Report style)
  • 6. MetaCDN/videojs-vr fork • fork of slawrence/videojs-vr (unmaintained) • Leverage new best practice drop-ins for “Responsive VR”: • borismus/webvr-polyfill • borismus/webvr-boilerplate • VRControl/VREffect from mrdoob/three.js • Play back on desktop & mobile (Android/iOS) • WebVR capable browsers can now ‘cast’ to Rift
  • 8. MetaCDN focus with VR/360 • Our partners handle capture/production • We do ingest, transcode/transmux, delivery • We provide branded 360/VR players/apps that are embeddable across multiple channels (web/mobile/FB/twitter/etc) • Delivery over web with WebVR / WebGL • Working with efficient new formats - VP9/H265 to handle ballooning bitrate/frame size • Still very much WIP: tech/browser still maturing