Remotionに入門してみる

2021.03.06

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

Write videos in React | Remotion

プロジェクトの作成

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

yarn create video

レンダリングの仕組み

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

JonnyBurger/remotion

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

JonnyBurger/remotion

© 2019-2021 kwst.site.