インタラクティブデモ

台本を入れて、生成の流れを
実際に動かして確認できます

下のテキストエリアに台本を入れて「動画を生成する」を押すと、Whisper → Claude → VOICEVOX → FFmpeg の4ステップが実際に進行するイメージをシミュレーションします(本デモはブラウザ内の演出です。実際のAPI通信は行っていません)。

1
Whisper API — 文字起こしタイムスタンプ付きテキストを取得
2
Claude API — テロップ整形句読点・改行・文字数を最適化
3
VOICEVOX — ナレーション生成localhost:5021 へ送信しWAV生成
4
FFmpeg — 動画合成・字幕同期背景+音声+字幕をmp4に書き出し
PREVIEW
生成ボタンを押すとここに字幕が表示されます
00:00:00 / --:--
generate.bat — 実行ログ
「動画を生成する」を押すとここにログが表示されます...

このデモと納品物の違い

🖥️ 本デモ

ブラウザ上でJavaScriptにより処理の流れを演出したものです。実際のWhisper/Claude/VOICEVOX/FFmpeg通信は発生していません。

🐍 納品物

実際にお使いのWindows 11 PC上で動作するPythonスクリプト一式と.batファイルです。ローカルのVOICEVOXと各API経由で本物の動画を生成します。

🔧 設定反映

フォント・色・解像度など設定ファイルの項目は、納品版ではそのまま実際の出力に反映されます。