Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
© bitmovin, Inc. | Confidential | Patents Pending 1
Stefan Lederer
CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin, ...
© 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...
© bitmovin, Inc. | Confidential | Patents Pending 5
... RESULTING IN NO USAGE!
Source: Conviva Viewer Experience Report 20...
© 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
Se...
© bitmovin, Inc. | Confidential | Patents Pending 9
FULLY INTEGRATED INTO HTML5
» HTML5 Media Source Extensions
› Created ...
© bitmovin, Inc. | Confidential | Patents Pending 10
EASY RENDERING FOR ALL PLATFORMS
» Using HTML5 + WebGL + JavaScript
›...
© 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 & H...
© bitmovin, Inc. | Confidential | Patents Pending 13
Stefan Lederer
CEO – bitmovin, sl@bitmovin.com, @slederer, @bitmovin,...
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
MPEG-DASH: Overview, State-of-the-Art, and Future Roadmap
Next
Download to read offline and view in fullscreen.

7

Share

Download to read offline

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

Download to read offline

This talk describes why adaptive bitrate streaming, e.g. using open standards like MPEG-DASH, are the future of 360° and VR video streaming. Integrated in HTML5, it's possible to use JavaScript + WebGL for the rendering part.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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

  1. 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. 2. © bitmovin, Inc. | Confidential | Patents Pending 2
  3. 3. © bitmovin, Inc. | Confidential | Patents Pending 3 PROBLEMS IN 360°/VR STREAMING Slow Load Times Low Quality Buffering
  4. 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. 5. © bitmovin, Inc. | Confidential | Patents Pending 5 ... RESULTING IN NO USAGE! Source: Conviva Viewer Experience Report 2015
  6. 6. © bitmovin, Inc. | Confidential | Patents Pending 6 WHAT’S THE SOLUTIONS? How we get from here? to here?
  7. 7. © bitmovin, Inc. | Confidential | Patents Pending 7 ADAPTIVE BITRATE STREAMING
  8. 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. 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. 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. 11. © bitmovin, Inc. | Confidential | Patents Pending 11 EASY RENDERING FOR ALL PLATFORMS
  12. 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. 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
  • tunjidev

    Dec. 6, 2017
  • ssuser7c9962

    Nov. 25, 2017
  • ShalabhRaizada1

    Mar. 2, 2017
  • duanbingnan

    Jan. 24, 2017
  • gyuhyon

    Jul. 10, 2016
  • christian.timmerer

    Feb. 17, 2016
  • schellkenig

    Feb. 15, 2016

This talk describes why adaptive bitrate streaming, e.g. using open standards like MPEG-DASH, are the future of 360° and VR video streaming. Integrated in HTML5, it's possible to use JavaScript + WebGL for the rendering part.

Views

Total views

4,582

On Slideshare

0

From embeds

0

Number of embeds

57

Actions

Downloads

54

Shares

0

Comments

0

Likes

7

×