build a netflix for 360° & vr video using html5 + dash + javascript + webgl
TRANSCRIPT
© bitmovin, Inc. | Confidential | Patents Pending 1
Stefan LedererCEO – bitmovin, [email protected], @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 fromhere?
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-BASEDVideo Encoding
Service
MPEG-DASH & HLSPlayer
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 LedererCEO – bitmovin, [email protected], @slederer, @bitmovin, www.bitmovin.com
BUILDING A NETFLIX FOR VR ADAPTIVE STREAMING OF 360°/VR VIDEO USING MPEG-DASH + HTML5 + JAVASCRIPT + WEBGL