Performant and accessible client-side media processing with Mediabunny
summary
Mediabunny declares itself a dependency-free TypeScript library that unifies muxing, demuxing, encoding, decoding, converting and streaming by integrating directly with WebCodecs; it demos 15× real-time browser conversions (Remotion) and builds procedurally rendered videos from frames. APIs are tree-shakable — 104 KB full build but down to 44 KB demux, 11 KB demux WAV or 8 KB write WAV — and support lazy byte reads, streamable chunked writes, and backpressure-aware pipelining so encoding, network upload, and writing slowdowns propagate correctly.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:45Need for client-side video generation
- 3:30What is Media Bunny
- 5:39Status quo of client-side media processing
- 6:23Media Bunny building blocks
- 7:08Media Bunny in action
- 9:58Design decisions behind API
- 12:27Tree shakability for lean bundles
- 15:21Lazy reading and streamable writing
- 16:51Pipelinable design for back pressure
- 18:16Media Bunny environment and open source
- 18:58Call to action
related talks
30mOther browser APIs that are going to change video on the web
38mReal time front-end alchemy
20mDecentralizing Video Streaming
19mOn Dynamic Multimedia Pipelines for Opening Browsers to New Formats
19mUser-friendly video playback on the web
23mAudio and Video Manipulation
27mVideo Editing in the Browser
50m“The Upside Down” of the web, Video