Media Source Extensions
summary
The web gets a real streaming API: MediaSource Extensions lets JavaScript fetch manifests and initialization fragments, feed segmented MP4s to the video element, and run real adaptive‑bitrate logic (manifest .mpd, segment templates, byte‑range modes). DASH stays codec‑agnostic and the dash industry forum defines dash‑264 interoperability; the open source dash.js player (BSD, uses dijon and jasmine) is production‑ready and used (BBC concerts) while Netflix already moves ~half of playback to MSE; large events scale (≈ 1.9 million simultaneous viewers) and live “edge” timing and packaging tools like mp4box are key.
AI-written summary · about
chapters (21)
- 0:00Intro
- 1:29Online video Options
- 4:31The challenge
- 6:08What do browsers support?
- 8:26MediaSource Extensions (MSE)
- 12:19What is MPEG-DASH
- 14:57DASH and codecs
- 16:39DASH264
- 18:17DASH Industry Forum
- 18:35Building a DASH player
- 19:31How to play a DASH Stream
- 22:16Understanding DASH structure
- 23:22DASH Manifest
- 25:42Describing Representations
- 27:34Segment Template variable segment
- 28:37dash.js player
- 31:11Class Structure
- 32:35Mediaplayer.js
- 34:24BufferController.js
- 40:27Resources
- 41:06Questions?
related talks
58mModern & secure adaptive streaming on the Web
45mModern & secure adaptive streaming on the Web
46mModern & secure adaptive streaming on the Web
41m“The Upside Down” Of The Web: Video technologies
31mIn a Perfect World: Why Media Sources Are a Hassle
20mStreaming video in the browser without patents
50m“The Upside Down” of the web, Video
30mOther browser APIs that are going to change video on the web