vincentsch/explainroo

これは何？

主な機能

• 01ローカルのKokoro音声モデルでナレーションを生成します。54種類の音声があり、APIキーは不要です。
• 02Whisperで発話された各単語のタイミングを合わせ、描画を適切な単語に合わせて表示します。
• 03Rough.jsと1,800種類のLucideアイコンで、手描き風のシーンをレンダリングします。
• 04MP4、GIF、透過MOV、字幕ファイル、カバー画像を出力します。
• 056種類のビジュアルスタイルと、各種プラットフォーム向けの複数のアスペクト比を利用できます。
• 06クリックするポインターとともにアプリの画面を再現し、製品デモを作成します。

ユースケース

• コーディングエージェントとのセッションから、技術的なトピックを扱う短い解説動画を作成する。
• 画面を録画せずに、Webアプリの製品デモ動画を作成する。
• TikTok、Reels、Shorts向けに、字幕付きの縦型動画を生成する。
• 動画編集ソフトで重ねて使える、透過背景のナレーション付き図解を作成する。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/vincentsch/explainroo.git
2. 2

   プロジェクトフォルダーに移動する

   cd explainroo
3. 3

   依存関係をインストールする

   npm install
4. 4

   音声モデルとタイミングモデルをダウンロードする

   node bin/explainroo.js doctor --fetch

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

• !Node.js 20.11以降、ffmpeg、ChromeまたはChromiumがインストールされている必要があります。
• !初回セットアップでは、約400 MBのモデルをダウンロードします。
• !スペイン語、フランス語、イタリア語、ポルトガル語、ヒンディー語のナレーションにはespeak-ngも必要です。日本語と中国語にはmisakiを含むPython環境が必要です。
• !Claude CodeとOpus 5.5の組み合わせで最良の結果が報告されており、コーディングエージェントによる操作を想定して設計されています。

トピック

よくある質問

explainroo とは？

スクリプトから、ローカル音声・単語ごとのタイミング・Canvas描画を使った解説動画や製品デモを生成します。 explainrooはスクリプトから解説動画を生成します。コーディングエージェントがナレーションを書いたscript.mdと、特定の単語に合わせて表示するCanvas描画を記述したscenes.jsを作成します。その後、Kokoroで音声を生成し、Whisperで単語ごとのタイミングを合わせ、ヘッドレスChromeでフレームをレンダリングして、ffmpegでMP4にまとめます。

explainroo は無料で使えますか？ライセンスは？

explainroo は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

explainroo は今もメンテナンスされていますか？

活発にメンテナンス中。explainroo の最終コミットは 2026年10月19日 です。

explainroo は何に使えますか？

コーディングエージェントとのセッションから、技術的なトピックを扱う短い解説動画を作成する。 画面を録画せずに、Webアプリの製品デモ動画を作成する。 TikTok、Reels、Shorts向けに、字幕付きの縦型動画を生成する。 動画編集ソフトで重ねて使える、透過背景のナレーション付き図解を作成する。

explainroo のインストール方法は？

リポジトリをクローンする: git clone https://github.com/vincentsch/explainroo.git プロジェクトフォルダーに移動する: cd explainroo 依存関係をインストールする: npm install 音声モデルとタイミングモデルをダウンロードする: node bin/explainroo.js doctor --fetch

explainroo はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/vincentsch/explainroo