Video Creation in a JavaScript World
summary
Remotion is a React-based video framework that screenshots DOM frames with Puppeteer and encodes them with ffmpeg but hits limits when multiple video tags exhaust Chrome and when ffmpeg CLI re-opens streams per frame. A custom ffmpeg C API in Rust extractor caches decoded frames to avoid repeated work and manages memory for 8MB full‑HD bitmaps. Distributed rendering runs on 150 Lambda functions to render a 15‑minute video in ~30s for $0.10, with customers rendering 400,000 videos in 30 days; audio stitching and color‑space bugs remain.
AI-written summary · about
chapters (6)
- 0:00Introduction to JavaScript video
- 3:12Introducing Remotion framework
- 6:23Embedding videos in videos
- 11:12Video format complexity
- 12:33Cloud rendering with Lambda
- 17:32Q&A session
related talks
13mCreating videos... with React!
01h 14mCreate Videos… with React!
23mCreating Videos Programmatically in React
37mCode Your Videos: Programmatic Video Creation with Javascript
29mBuilding a video editor with React
36mRemotion: How to Create Videos by Programming
16mDemocratizing live video with React
16mJavaScript can be the missing spork in ffmpeg's swiss army knife