remotionで動画を作るためのdev container用テンプレート

@Syuji Syuji authored 3 days ago
.agents/skills/ remotion Remotionスキルをプロジェクトローカルに追加する 21 days ago
.devcontainer Codexサンドボックス用にdevcontainerを設定 13 days ago
node Codexサンドボックス用にdevcontainerを設定 13 days ago
voicevox-remotion-template タイムライン表示制御を追加 3 days ago
.gitignore 生成物を管理対象から除外 14 days ago
AGENTS.MD AGENTS.MDの内容を更新し、作業前に読むべき情報やプロジェクト概要、開発ルール、状態管理、検証方針を追加 3 days ago
docker-compose.yml 最初のコミット 3 years ago
readme.md readmeに仮想機械環境下でのファイル監視を有効化する方法を記載した。 3 years ago
readme.md

Remotionを使用した動画制作用作業スペース

初期設定

dev containerに接続した後、コンソールに下記のコマンドを入れる。

npm init video

お好みのスターターキットを選択してプロジェクトを作成する。

プレビューの立ち上げコマンド

npx remotion preview src/index.ts --webpack-poll=1000

下記のオプションをつけると、仮想機械環境でもファイル変更を検知できる。

--webpack-poll=1000

webpack-pollオプションの詳細

動画ファイルのエクスポート

npm run build