Repolode
diggerhq

diggerhq/shipvideo

URLやテキストプロンプトから、Claude OpusがHTMLで制作し、サーバーレスエージェントがMP4にする20〜40秒のローンチ動画を生成

スター
351
フォーク
39
未解決の Issue
1
最終コミット
19 日前

これは何?

LaunchVideo(shipvideo)は、動画生成モデルを使わずに短いローンチ動画を生成します。URLまたはプロンプトを渡すと、Claude Opus 5.5が単一のHTML映像を作成し、OpenComputer上のサーバーレスエージェントが仮想クロックを使ってヘッドレスChromiumでフレームごとにレンダリングします。その後、ffmpegでフレームをMP4にエンコードします。

URLモードでは、エージェントがまずページを取得し、タイトル、説明、見出し、主要な16進カラーコード、Google Fontsを抽出するため、動画に製品独自のブランディングが反映されます。レンダリング前にシーンのJavaScriptエラーと表示テキストをチェックし、完成したファイルはダウンロードできるようセッションのワークスペースに保存します。

このプロジェクトは、OpenComputerのエージェントプロジェクト(`director`エージェント)と、フォームおよび2つのAPIルートを提供するNext.jsのWebアプリで構成されています。Webアプリに必要なのはOpenComputerのAPIキーだけで、独自のストレージは保持しません。

主な機能

  • 01URLまたはテキストプロンプトから、1920x1080の20〜40秒の動画を生成します。
  • 02仮想クロックを使ってヘッドレスChromiumでフレームをレンダリングし、再現性のある出力を実現します。
  • 03ffmpeg(libx264、yuv420p、faststart)で結果をMP4にエンコードします。
  • 04URLから色、フォント、ページ内のテキストを抽出し、製品のブランディングに合わせます。
  • 05OpenComputerアカウント向けのワンクリックデプロイ用マニフェストが付属します。

ユースケース

  • 既存のランディングページのURLから、手早く製品のローンチ動画を作成する。
  • 動画編集ソフトを使わずに、テキストの説明から短い解説動画を制作する。
  • LLMが生成したHTMLアニメーションを動画にレンダリングする実験をする。

クイックスタート

  1. 1

    依存関係をインストールし、OpenComputerプロジェクトをリンクします

    npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch
  2. 2

    Webアプリの依存関係をインストールし、Vercelから環境変数を取得します

    cd web && npm install && vercel link && vercel env pull .env.local
  3. 3

    OpenComputerのAPIキーとエージェントIDをweb/.env.localに追加します

  4. 4

    Webアプリをローカルで起動します

    cd web && npm run dev

使う前に知っておきたいこと

  • 実行にはOpenComputerアカウントとAPIキーが必要です。
  • READMEにライセンスの記載がないため、再利用条件は不明です。
  • レンダリングには実時間とほぼ同じ時間がかかるため、30秒の動画に30〜40秒かかります。

トピック

よくある質問

shipvideo とは?
URLやテキストプロンプトから、Claude OpusがHTMLで制作し、サーバーレスエージェントがMP4にする20〜40秒のローンチ動画を生成 LaunchVideo(shipvideo)は、動画生成モデルを使わずに短いローンチ動画を生成します。URLまたはプロンプトを渡すと、Claude Opus 5.5が単一のHTML映像を作成し、OpenComputer上のサーバーレスエージェントが仮想クロックを使ってヘッドレスChromiumでフレームごとにレンダリングします。その後、ffmpegでフレームをMP4にエンコードします。
shipvideo は無料で使えますか?ライセンスは?
shipvideo にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
shipvideo は今もメンテナンスされていますか?
活発にメンテナンス中。shipvideo の最終コミットは 2026年10月1日 です。
shipvideo は何に使えますか?
既存のランディングページのURLから、手早く製品のローンチ動画を作成する。 動画編集ソフトを使わずに、テキストの説明から短い解説動画を制作する。 LLMが生成したHTMLアニメーションを動画にレンダリングする実験をする。
shipvideo のインストール方法は?
依存関係をインストールし、OpenComputerプロジェクトをリンクします: npm install && npx opencomputer link --create-project shipvideo && npx opencomputer deploy --watch Webアプリの依存関係をインストールし、Vercelから環境変数を取得します: cd web && npm install && vercel link && vercel env pull .env.local OpenComputerのAPIキーとエージェントIDをweb/.env.localに追加します Webアプリをローカルで起動します: cd web && npm run dev
shipvideo はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/diggerhq/shipvideo

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト