Remotionデータドリブンビデオ — API/DBデータからビデオ自動生成

Remotionの最も強力な活用はデータ駆動のビデオ生成です。

calculateMetadata: Compositionのpropsに基づいてレンダリング前に非同期データをfetchします。API呼び出し結果に応じてビデオの長さ（durationInFrames）を動的に決定することも可能です。例: ニュース記事数によってビデオの長さが変わるニュースサマリービデオ。

getInputProps(): CLIやLambdaからレンダリングする際に外部データをJSONで渡す方法です。npx remotion render --props='{"productId": 123}'のように使用します。

delayRender() / continueRender(): コンポーネント内部で非同期処理（画像ロード、API呼び出し）が完了するまで該当フレームのスクリーンショットを遅延させます。この安全装置なしでは画像がロードされる前にスクリーンショットが撮られ空フレームがレンダリングされる可能性があります。

この3つを組み合わせると「DBから商品1000件を読み取りそれぞれ15秒のプロモーションビデオを自動生成」のようなパイプラインが可能になります。