“The Upside Down” Of The Web: Video technologies
summary
HTML5 video by itself is too limited for real streaming so browsers expose Media Source Extensions and a SourceBuffer API that lets JavaScript fetch ArrayBuffer chunks (XHR or fetch) and feed them to the video element. Servers publish manifests (both HLS/DASH styles) describing many small chunks — a 1 GB original can become ~12 GB of many five‑second files — and players implement adaptive bitrate switching by measuring chunk download time and keyframe positions to seek, switch audio tracks, and avoid rebuffering. Tools: ffmpeg, Bento4, Shaka, HLS.js.
AI-written summary · about
chapters (12)
- 0:00Start
- 9:11Level II.
- 12:18Some requirements
- 21:14Does MSE solves our requirement list?
- 24:19Media manifests
- 26:31II. Creating your content
- 27:38III. Fetching: What & When?
- 32:04ABR based on different variables
- 33:16Guesstimate!
- 34:48V. Display your binary data
- 35:05Display what you want
- 35:59360 / VR player?
related talks
50m“The Upside Down” of the web, Video
42mHow Video Works: A Dive into the Biggest Thing on the Internet & Why You Should Care
24mVideo streaming on the web: Live and recorded video streaming
30mOther browser APIs that are going to change video on the web
19mUser-friendly video playback on the web
43mMedia Source Extensions
20mDecentralizing Video Streaming
43mModern Streaming Video for the Jamstack