vincentsch/explainroo

Explainer videos and product demos made by your AI agent. Free and open source: a local voice (Kokoro), word timing (Whisper) and a canvas renderer turn a script into a narrated MP4.

何を解決するか

短い説明動画や製品デモの作成を自動化します。手動でアニメーションや編集を行うのではなく、コードエージェントがスクリプト、ビジュアルシーン、最終的なMP4ファイルをすべてローカルマシン上で生成できます。

動作方法

AIエージェントはスクリプト(script.md)とJavaScriptファイル(scenes.js)を書き、描画内容とタイミングを定義します。その後、これらのファイルは複数のローカルツールを使って処理されます:

  • 音声:テキストから音声への変換にKokoroオープンボイスモデルを使用。
  • タイミング:OpenAIのWhisperを使って、発話された単語とビジュアル要素を同期。
  • 画像:ヘッドレスChromeブラウザでフレームをレンダリングし、Rough.jsで手描き風スタイル、Lucideでアイコンを表示。
  • 音声:カスタムの背景音楽とサウンドエフェクトを生成。
  • ファイル:ffmpegを使ってすべての要素をMP4に結合。

品質を保証するために、このツールはエージェントにシーンの静止画、重複するテキストのレイアウトチェック、発音エラーのチェックを提供します。

対象ユーザー

Claude CodeやCodexなどのコードエージェントを使って、プロフェッショナルな動画編集ソフトを使わずに、教育用動画やソフトウェア製品のデモを素早く作成したい開発者やコンテンツクリエイター。

特徴

  • ローカル実行:音声、タイミング、レンダリングはすべてユーザーのコンピュータ上で実行され、プライバシー保護とコストゼロ。
  • エージェント駆動:AIコードエージェントによって操作されるように設計。
  • 複数の美学:5つのビジュアルスタイル(ペーパー、クリーン、チョーク、ブループリント、ミッドナイト)を提供。
  • 柔軟なフォーマット:YouTube、TikTok、Reels、Instagram、LinkedIn向けのさまざまなアスペクト比に対応。
  • 製品デモ:コードやウェブサイトからアプリ画面を再構築し、シミュレートされたユーザー操作を生成可能。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト