Video streaming on the web: Live and recorded video streaming
summary
Explains that real streaming breaks video into 4–10 second chunks with an m3u8 manifest and TS segments so players can adapt bitrate and seek, contrasts that with a single-file video tag which is fine for <~1.5 minutes but not responsive. Shows a browser pipeline using getUserMedia → canvas → WebSocket → Node → FFmpeg transmux to RTMP then HLS delivery, uses api.video for upload/transcode (short demo encodes in ~5s), demos work but true live was pre-recorded for reliability.
AI-written summary · about
chapters (9)
- 0:00Start
- 0:31Live Streaming
- 1:00How does streaming work?
- 1:57What about ?
- 2:57How video streaming works
- 3:36A Manifest file describes the segments
- 4:13A parent manifest describes each adaptive stream
- 7:08Demos!
- 8:52Livestream a video
related talks
42mHow Video Works: A Dive into the Biggest Thing on the Internet & Why You Should Care
41m“The Upside Down” Of The Web: Video technologies
30mOther browser APIs that are going to change video on the web
43mModern Streaming Video for the Jamstack
19mUser-friendly video playback on the web
16mDemocratizing live video with React
44mLive Video in a Modern Web Environment
12mGoing Live from your Browser without WebRTC