Creating Videos Programmatically in React
summary
Turns React components into MP4s using Remotion, shows the actual code (use of useCurrentFrame, interpolate and spring), bundles with webpack, opens multiple tabs of headless Chromium to take parallel screenshots (8x concurrency on the laptop demo) and then stitches frames with ffmpeg. Demonstrates an automated pipeline that reads a JSON of speakers, renders dozens of personalized videos, uses an image loader to avoid missing frames, and publishes the project source on GitHub.
AI-written summary · about
chapters (5)
related talks
01h 14mCreate Videos… with React!
37mCode Your Videos: Programmatic Video Creation with Javascript
13mCreating videos... with React!
21mVideo Creation in a JavaScript World
29mBuilding a video editor with React
19mMaking videos in React Native
36mRemotion: How to Create Videos by Programming
26mThe art of programmatic videos with Rust