SlideShare a Scribd company logo
1 of 13
© bitmovin, Inc. | Confidential | Patents Pending 1
Stefan Lederer
CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin, www.bitmovin.com
BUILDING A NETFLIX FOR VR
ADAPTIVE STREAMING OF 360°/VR VIDEO USING
MPEG-DASH + HTML5 + JAVASCRIPT + WEBGL
© bitmovin, Inc. | Confidential | Patents Pending 2
© bitmovin, Inc. | Confidential | Patents Pending 3
PROBLEMS IN 360°/VR STREAMING
Slow Load
Times
Low
Quality
Buffering
© bitmovin, Inc. | Confidential | Patents Pending 4
PROBLEMS IN 360°/VR STREAMING
» Cutting the Cord:
› Stream content via the internet, rather than download
and watch
» Pain for the Content Provider
› Huge effort in product, but poor quality in distribution
› Limited distribution channels, like Facebook, Youtube,
etc., with proprietary tech --> that still does not work ;-)
› Hard to create own platform
© bitmovin, Inc. | Confidential | Patents Pending 5
... RESULTING IN NO USAGE!
Source: Conviva Viewer Experience Report 2015
© bitmovin, Inc. | Confidential | Patents Pending 6
WHAT’S THE SOLUTIONS?
How we get from
here?
to here?
© bitmovin, Inc. | Confidential | Patents Pending 7
ADAPTIVE BITRATE STREAMING
© bitmovin, Inc. | Confidential | Patents Pending 8
OPEN STANDARDS AVAILABLE
Different Quality Levels Bandwidth Changes
Selection of the
appropriate Quality Level
Dynamic Adaptive Streaming over HTTP (DASH)
© bitmovin, Inc. | Confidential | Patents Pending 9
FULLY INTEGRATED INTO HTML5
» HTML5 Media Source Extensions
› Created by W3C to support adaptive bitrate streaming & MPEG-DASH in
HTML5:
https://w3c.github.io/media-source/
› Used by Netflix & YouTube
› Enable adaptive bitrate streaming of 360°/VR content Web browsers
with the combination of HTML5 + WebGL + JavaScript
› Works on Desktop, Mobile, Gear VR, Cardboard, etc.
© bitmovin, Inc. | Confidential | Patents Pending 10
EASY RENDERING FOR ALL PLATFORMS
» Using HTML5 + WebGL + JavaScript
› As Tony Parisi already showed in the last SVVR meetup for images:
http://www.slideshare.net/auradeluxe/virtually-anyone
› Different open source projects available, e.g., eleVR:
https://github.com/hawksley/eleVR-Web-Player
› Different rendering/projection
methods possible for, e.g.,
2D, Stereoscopic 2D, etc., as well
as custom projections
© bitmovin, Inc. | Confidential | Patents Pending 11
EASY RENDERING FOR ALL PLATFORMS
© bitmovin, Inc. | Confidential | Patents Pending 12
TRY IT OUT YOURSELF?
CLOUD-BASED
Video Encoding
Service
MPEG-DASH & HLS
Player
Your
360°/VR Netflix
LIVE STREAM
UPLOAD
Check out our step-by-step tutorial:
http://www.dash-player.com/blog/2016/01/vr-360-video-next-big-thing/
© bitmovin, Inc. | Confidential | Patents Pending 13
Stefan Lederer
CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin, www.bitmovin.com
BUILDING A NETFLIX FOR VR
ADAPTIVE STREAMING OF 360°/VR VIDEO USING
MPEG-DASH + HTML5 + JAVASCRIPT + WEBGL

More Related Content

More from Bitmovin Inc

More from Bitmovin Inc (20)

Bitmovin LIVE Tech Talks: Analytics for Workflow Automation (ft. Touchstream ...
Bitmovin LIVE Tech Talks: Analytics for Workflow Automation (ft. Touchstream ...Bitmovin LIVE Tech Talks: Analytics for Workflow Automation (ft. Touchstream ...
Bitmovin LIVE Tech Talks: Analytics for Workflow Automation (ft. Touchstream ...
 
Bitmovin LIVE Tech Talks: Low Latency Streaming
Bitmovin LIVE Tech Talks: Low Latency StreamingBitmovin LIVE Tech Talks: Low Latency Streaming
Bitmovin LIVE Tech Talks: Low Latency Streaming
 
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin LIVE Tech Talks: Data Driven Video WorkflowsBitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
 
Bitmovin LIVE Tech Talks: Achieving D2C Streaming Success
Bitmovin LIVE Tech Talks: Achieving D2C Streaming SuccessBitmovin LIVE Tech Talks: Achieving D2C Streaming Success
Bitmovin LIVE Tech Talks: Achieving D2C Streaming Success
 
Bitmovin LIVE Tech Talks: Overcoming Encoding Challenges
Bitmovin LIVE Tech Talks: Overcoming Encoding Challenges Bitmovin LIVE Tech Talks: Overcoming Encoding Challenges
Bitmovin LIVE Tech Talks: Overcoming Encoding Challenges
 
Bitmovin LIVE Tech Talks: 5 Analytics Metrics That Matter
Bitmovin LIVE Tech Talks: 5 Analytics Metrics That MatterBitmovin LIVE Tech Talks: 5 Analytics Metrics That Matter
Bitmovin LIVE Tech Talks: 5 Analytics Metrics That Matter
 
Bitmovin LIVE Tech Talks: Fun with Container Formats
Bitmovin LIVE Tech Talks: Fun with Container FormatsBitmovin LIVE Tech Talks: Fun with Container Formats
Bitmovin LIVE Tech Talks: Fun with Container Formats
 
Broadcast Presentation Slides - AMA with the Bitmovin Founders
Broadcast Presentation Slides - AMA with the Bitmovin FoundersBroadcast Presentation Slides - AMA with the Bitmovin Founders
Broadcast Presentation Slides - AMA with the Bitmovin Founders
 
Bitmovin LIVE: NAB 2020 Kickoff Webinar - "COVID-19 and its impact on OTT Video"
Bitmovin LIVE: NAB 2020 Kickoff Webinar - "COVID-19 and its impact on OTT Video"Bitmovin LIVE: NAB 2020 Kickoff Webinar - "COVID-19 and its impact on OTT Video"
Bitmovin LIVE: NAB 2020 Kickoff Webinar - "COVID-19 and its impact on OTT Video"
 
Better Together: Player + Analytics Webinar
Better Together: Player + Analytics WebinarBetter Together: Player + Analytics Webinar
Better Together: Player + Analytics Webinar
 
Bitmovin AV1/VVC Presentation_Streaming Media East by Christian Feldmann
Bitmovin AV1/VVC Presentation_Streaming Media East by Christian FeldmannBitmovin AV1/VVC Presentation_Streaming Media East by Christian Feldmann
Bitmovin AV1/VVC Presentation_Streaming Media East by Christian Feldmann
 
Bitmovin Low Latency CMAF Presentation_Streaming Media East by Paul MacDougall
Bitmovin Low Latency CMAF Presentation_Streaming Media East by Paul MacDougallBitmovin Low Latency CMAF Presentation_Streaming Media East by Paul MacDougall
Bitmovin Low Latency CMAF Presentation_Streaming Media East by Paul MacDougall
 
The Long Road to Video Player Success
The Long Road to Video Player SuccessThe Long Road to Video Player Success
The Long Road to Video Player Success
 
September 27 Roundtable: Advanced Encoding
September 27 Roundtable: Advanced EncodingSeptember 27 Roundtable: Advanced Encoding
September 27 Roundtable: Advanced Encoding
 
DRM Basics With Irdeto and Bitmovin
DRM Basics With Irdeto and BitmovinDRM Basics With Irdeto and Bitmovin
DRM Basics With Irdeto and Bitmovin
 
Managing Transition to HEVC/VP9/AV1 with Multi-Codec Streaming
Managing Transition to HEVC/VP9/AV1 with Multi-Codec StreamingManaging Transition to HEVC/VP9/AV1 with Multi-Codec Streaming
Managing Transition to HEVC/VP9/AV1 with Multi-Codec Streaming
 
An Introduction to AV1 - The Next-Gen Royalty-Free Codec From the Alliance fo...
An Introduction to AV1 - The Next-Gen Royalty-Free Codec From the Alliance fo...An Introduction to AV1 - The Next-Gen Royalty-Free Codec From the Alliance fo...
An Introduction to AV1 - The Next-Gen Royalty-Free Codec From the Alliance fo...
 
Mission Impossible: Boosting Video Streaming Quality While Reducing Bandwidth
Mission Impossible: Boosting Video Streaming Quality While Reducing BandwidthMission Impossible: Boosting Video Streaming Quality While Reducing Bandwidth
Mission Impossible: Boosting Video Streaming Quality While Reducing Bandwidth
 
Next Generation Advertising Workflows and Server-Side Ad Insertion with VAST 4.0
Next Generation Advertising Workflows and Server-Side Ad Insertion with VAST 4.0Next Generation Advertising Workflows and Server-Side Ad Insertion with VAST 4.0
Next Generation Advertising Workflows and Server-Side Ad Insertion with VAST 4.0
 
Ad Tech Presentation from the Mile High DASH Workshop
Ad Tech Presentation from the Mile High DASH WorkshopAd Tech Presentation from the Mile High DASH Workshop
Ad Tech Presentation from the Mile High DASH Workshop
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

Build a Netflix for 360° & VR Video using HTML5 + DASH + JavaScript + WebGL

  • 1. © bitmovin, Inc. | Confidential | Patents Pending 1 Stefan Lederer CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin, www.bitmovin.com BUILDING A NETFLIX FOR VR ADAPTIVE STREAMING OF 360°/VR VIDEO USING MPEG-DASH + HTML5 + JAVASCRIPT + WEBGL
  • 2. © bitmovin, Inc. | Confidential | Patents Pending 2
  • 3. © bitmovin, Inc. | Confidential | Patents Pending 3 PROBLEMS IN 360°/VR STREAMING Slow Load Times Low Quality Buffering
  • 4. © bitmovin, Inc. | Confidential | Patents Pending 4 PROBLEMS IN 360°/VR STREAMING » Cutting the Cord: › Stream content via the internet, rather than download and watch » Pain for the Content Provider › Huge effort in product, but poor quality in distribution › Limited distribution channels, like Facebook, Youtube, etc., with proprietary tech --> that still does not work ;-) › Hard to create own platform
  • 5. © bitmovin, Inc. | Confidential | Patents Pending 5 ... RESULTING IN NO USAGE! Source: Conviva Viewer Experience Report 2015
  • 6. © bitmovin, Inc. | Confidential | Patents Pending 6 WHAT’S THE SOLUTIONS? How we get from here? to here?
  • 7. © bitmovin, Inc. | Confidential | Patents Pending 7 ADAPTIVE BITRATE STREAMING
  • 8. © bitmovin, Inc. | Confidential | Patents Pending 8 OPEN STANDARDS AVAILABLE Different Quality Levels Bandwidth Changes Selection of the appropriate Quality Level Dynamic Adaptive Streaming over HTTP (DASH)
  • 9. © bitmovin, Inc. | Confidential | Patents Pending 9 FULLY INTEGRATED INTO HTML5 » HTML5 Media Source Extensions › Created by W3C to support adaptive bitrate streaming & MPEG-DASH in HTML5: https://w3c.github.io/media-source/ › Used by Netflix & YouTube › Enable adaptive bitrate streaming of 360°/VR content Web browsers with the combination of HTML5 + WebGL + JavaScript › Works on Desktop, Mobile, Gear VR, Cardboard, etc.
  • 10. © bitmovin, Inc. | Confidential | Patents Pending 10 EASY RENDERING FOR ALL PLATFORMS » Using HTML5 + WebGL + JavaScript › As Tony Parisi already showed in the last SVVR meetup for images: http://www.slideshare.net/auradeluxe/virtually-anyone › Different open source projects available, e.g., eleVR: https://github.com/hawksley/eleVR-Web-Player › Different rendering/projection methods possible for, e.g., 2D, Stereoscopic 2D, etc., as well as custom projections
  • 11. © bitmovin, Inc. | Confidential | Patents Pending 11 EASY RENDERING FOR ALL PLATFORMS
  • 12. © bitmovin, Inc. | Confidential | Patents Pending 12 TRY IT OUT YOURSELF? CLOUD-BASED Video Encoding Service MPEG-DASH & HLS Player Your 360°/VR Netflix LIVE STREAM UPLOAD Check out our step-by-step tutorial: http://www.dash-player.com/blog/2016/01/vr-360-video-next-big-thing/
  • 13. © bitmovin, Inc. | Confidential | Patents Pending 13 Stefan Lederer CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin, www.bitmovin.com BUILDING A NETFLIX FOR VR ADAPTIVE STREAMING OF 360°/VR VIDEO USING MPEG-DASH + HTML5 + JAVASCRIPT + WEBGL