DEMO 縦型動画の生成デモです。題材は架空で、実在の商品・団体とは無関係です。 ← ポートフォリオへ戻る

縦型動画(9:16)を、台本から組み立てる

左のテキストを書き換えると、そのまま動画の構成が変わります。フォント・配色・尺・カット割りはすべてコード側の値なので、量産しても崩れません。音声は無音で書き出し、投稿時にプラットフォーム側の読み上げを載せる想定です。

0.0 / 0.0s

台本

1行が1カット。`|` で改行位置を指定します。

カット割り

台本から自動で組まれます

本番での書き出し

このデモはブラウザ上のプレビューです。実運用では同じ描画コードを Node + headless Chrome で 1フレームずつ PNG に書き出し、ffmpeg で 1080×1920 / 30fps の MP4 に結合します。 描画が決定的なので、同じ台本からは必ず同じ動画が出ます。

手元では同じ設計の生成スクリプトを常用しています(無音で書き出し、 音声は投稿時に TikTok / CapCut の読み上げを載せる運用)。