remotion-video-creation

Use @remotion/web-renderer's renderMediaOnWeb, which encodes the composition to MP4 via WebCodecs in the browser. Pass a plain composition object plus top-level inputProps, check canRenderMediaOnWeb first, then convert the result with getBlob() into an object URL for display and download.

Define a props-driven composition and pass each row's data as inputProps to renderMediaOnWeb for in-browser export, or use calculateMetadata when duration depends on the data. For large batches, bundle once and render many times with the Node API or Remotion Lambda outside the build session.

The AI bash tool runs in a jail with 256 MB memory, a 60-second timeout, and network egress limited to the npm registry, so Chromium cannot launch and the Chrome Headless Shell download is blocked. Render in the preview's browser with @remotion/web-renderer instead.

The Player takes the composition component itself via component={MyVideo}, not the RemotionRoot that returns Composition elements. Also verify durationInFrames, fps, and dimensions match between the Player, Composition, and renderer by importing them from one shared config module.

Tailwind works in the Player preview because Doable uses the @tailwindcss/vite plugin, but Remotion's CLI bundler does not use Vite, so classes are dropped during real renders. Prefer inline style objects inside compositions for anything layout-critical.

Remotion is free for individuals, non-profits, and for-profit companies with up to 3 employees; larger companies need a Company License from remotion.pro. Pass licenseKey to renderMediaOnWeb and acknowledgeRemotionLicense to the Player, and note that rendering sends telemetry to Remotion.