Contenu connexe Plus de Bitmovin Inc (20) Build a Netflix for 360° & VR Video using HTML5 + DASH + JavaScript + WebGL1. © 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
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