Remotionに入門してみる

2021.3.6

Reactで動画を作成できるというライブラリ Remotion を試してみました。

プロジェクトの作成

下記コマンドで一発でプロジェクトを作成できました。

yarn create video

レンダリングの際にpackages/renderer/src/render.tsを呼び出しています。Webページをpuppeteerで表示して1フレームずつスクリーンショットを撮っているっぽいです。

作成したスクリーンショットをffmpegを使ってつなぎ合わせて1つのビデオにしています。