!slug 20210301
!date 2021/03/01
!!Reactで動画を作成できるというライブラリ Remotion を試してみました。
Reactで動画を作成できるというライブラリ Remotion を試してみました。
Write videos in React | Remotion
下記コマンドで一発でプロジェクトを作成できました。
yarn create video
レンダリングの際にpackages/renderer/src/render.ts
を呼び出しています。Webページをpuppeteerで表示して1フレームずつスクリーンショットを撮っているっぽいです。
作成したスクリーンショットをffmpegを使ってつなぎ合わせて1つのビデオにしています。