Cloudflare Pages Prototype

VSL Auto

台本からシーンを切り、Fish Audioで本人声ナレーションを生成し、 GPT Image 2でスライドを作り、Remotionで動画化する最小構成です。

MP4を開く 生成データを見る
Output 1:47
Scenes 2
Deploy Cloudflare

台本からジョブ作成

Cloudflare Pages Function

台本を入れてジョブを作ると、シーン分割・生成ステップ・ローカル実行コマンドが表示されます。

今回の一気通貫フロー

  1. 1台本Markdownを入力
  2. 2OpenAIでVSLシーンに分割
  3. 3Fish Audioで本人声ナレーション生成
  4. 4GPT Image 2で図解スライド生成
  5. 5Remotionで動画レンダー
  6. 6Cloudflare Pagesへデプロイ

プロトタイプの位置づけ

Cloudflare Pagesには生成済み動画と成果物ビューアを配置しています。 本番構成では、アップロード素材をR2へ保存し、Queueでジョブ化し、 RemotionレンダーはCloudflare Containersまたは外部レンダー環境へ逃がす設計が現実的です。

Voice
Fish Audio
Slides
GPT Image 2
Render
Remotion
Hosting
Cloudflare Pages

生成スライド

GPT Image 2 output
初月80万円の裏側
初月80万円の裏側
回線を資産に変える
回線を資産に変える

Cloudflare本番構成案

prototype to production
Pages管理画面・生成結果プレビュー
WorkersAPI、署名URL、ジョブ作成
R2台本、音声、画像、mp4保存
Queues長時間生成ジョブの非同期化
D1案件、シーン、ステータス管理
ContainersRemotion/FFmpegレンダー実行

次の実装対象

from prototype
1. R2保存 台本、音声、画像、mp4を案件単位で保存
2. Queue実行 OpenAI、Fish Audio、Remotionを非同期ジョブ化
3. 編集UI 見出し、テロップ、画像プロンプトをシーンごとに修正
4. レンダー連携 Cloudflare Containersまたは外部GPU/CPU環境でmp4出力