MediaBunny: Native Speed

Video processing without the lag

2025-12-13

Processing video in the browser usually involves a 20MB WASM blob and a prayer. We’ve been forcing desktop tools into web tabs for too long.

It’s heavy, it’s slow, and it kills your user’s battery.

Mediabunny is the answer to the ffmpeg.wasm fatigue. It’s a zero-dependency, tree-shakable TypeScript library that actually respects the browser environment.

How it works

It uses the WebCodecs API directly. No emulation layer. Just raw performance.

  1. Read: Extract metadata or frames instantly.
  2. Write: Generate MP4/WebM files client-side.
  3. Convert: Transmux and transcode without melting the CPU.
import { Input, UrlSource, ALL_FORMATS } from 'mediabunny';

const input = new Input({
  source: new UrlSource('./video.mp4'),
  formats: ALL_FORMATS,
});

// Get metadata instantly without loading the whole file
const { duration } = await input.computeDuration();
console.log(`Duration: ${duration}s`);

Stop shipping massive binaries for simple media tasks.