Presentation Buddy MCP Server

Presentation Buddy - AI搭載のストリーミング制作アシスタント

プロジェクトリンク:

• DevPostプロジェクトページ
• YouTubeのデモビデオ

Presentation Buddy は、Claude AI を使用してストリーミング制作を自動化する OBS 制御システムであり、個人クリエイターが技術管理ではなくコンテンツ配信に集中できるようにします。

技術概要

この実装では以下を使用します。

• OBS Studio : 業界標準のストリーミングソフトウェア
• TypeScriptベースのMCPサーバー：Claude AIとOBSを接続する軽量リレーサービス
• Claude AI ：自然言語理解と生産意思決定
• OBS WebSocket API : シーン切り替え、オーバーレイ、メディア要素を直接制御します
• ローカル処理: すべての機能はプレゼンターのマシン上で実行されるため、遅延は最小限に抑えられます。

主要コンポーネント

• MCP サーバー: クロードの決定を OBS WebSocket コマンドに変換するミドルウェア
• シーン管理：コンテンツと言葉による合図に基づいて自動的に切り替える
• メディアコントロール: オーバーレイ、キャプション、ピクチャーインピクチャー要素のインテリジェントな処理
• 音声応答: プレゼンテーション中に AI が応答するためのテキスト読み上げ機能

実装

サーバーはOBSとのWebSocket接続を確立し、クロードがアクセスできるAPIを公開します。クロードがプレゼンターの発言や画面上のコンテンツから制作ニーズを認識すると、MCPサーバーを介してコマンドを送信し、OBSをリアルタイムで制御します。

インスピレーション

一人でライブに行くのは大変です。
話している間、カメラアングルを変えたり、スライドを見せたり、キャプションを追加したり、視聴者の関心を維持したり、これらすべてを同時にこなすことが求められます。私たちは、制作ブースを担当してくれる仲間を探していました。そうすれば、ソロクリエイター全員がボタン操作ではなくストーリーに集中できるからです。

何をするのか

Presentation Buddy は、ストリーマーやプレゼンターのための AI 搭載の相棒です。
画面上とマイクの後ろで何が起こっているかを聞いて、次の操作を行います。

• 完璧なタイミングでシーンを切り替える
• キャプション、グラフィック、またはピクチャーインピクチャーウィンドウを自動的にポップアップ表示します
• 休憩が必要なときには短いナレーションも流します

決して疲れることのない小さなプロデューサーだと考えてください。

どのように構築したか

• クロード AI は合図を聞きます。
• 軽量リレーがこれらのキューを最も人気のあるライブ ストリーム ツールである OBS Studio に送信します。
• OBS は、「カメラを変更する」、「キャプションを表示する」、「リプレイを開始する」などのコマンドを受け取り、魔法のようなことを実現します。
• テキスト読み上げ機能を少し加えるだけで、AI に独自の音声が与えられます。

これらはすべてローカルで実行されるため、クラウドの遅延や高価なハードウェアは必要ありません。

直面した課題

• ネイティブ OBS API をラップする MCP サーバーを構築する
• リアルタイム音声応答時間
• クロードがうまく追う良いプロット
• MCP経由でクロードにスクリーンショットを提供することはできませんでした

私たちが誇りに思う成果

• タイトル スライドから動的コンテンツまで、人間のクリックなしで実行できるライブ デモです。
• 1人セットアップをストレスフリーな放送に変えました。

学んだこと

• Claude と Cursor で MCP を構築および構成する方法

プレゼンテーションバディの今後

1. 視聴者のインタラクティブ性– チャット投票によってオーバーレイやアンケートをトリガーします。
2. ワンクリックインストーラー– どのストリーマーも数分で新しいバディに出会えます。

ソロストリーマーからスタジオプロまで、瞬時に。

インストールとセットアップ

1. このリポジトリをクローンする
2. npm installで依存関係をインストールする
3. OBS WebSocket接続設定を構成する
4. npm startでMCPサーバーを起動します。
5. Claude AIインスタンスをMCPサーバーに接続します
6. OBSセッションを開始し、Presentation Buddyに制御を任せましょう

クロードMCP構成

Claude を Presentation Buddy でセットアップするには、Cursor または他の Claude インターフェースで MCP（マシン制御プロトコル）設定を行う必要があります。これにより、Claude はサーバー経由で OBS を制御できるようになります。

クロード MCP Config

Claude 設定に次の構成を追加します。

パスを実際の Node.js およびサーバー パスに置き換えます。

• /path/to/your/node - Node.js 実行ファイルへのパス (例: /Users/username/.nvm/versions/node/v20.17.0/bin/node )
• /path/to/obs-mcp-server-ts/build/index.js - ビルドされたサーバーのJavaScriptファイルへのパス

TTS-MCP 構成の場合は、次の点に注意してください。

1. 実際のOpenAI APIキーを入力してください
2. 好みの音声を選択してください（デフォルト：nova）
3. 適切なテキスト読み上げモデルを選択します（デフォルト：gpt-4o-mini-tts）

OBSのセットアップ

1. OBS Studio をインストールする (バージョン 28 以上を推奨)
2. OBS で WebSocket サーバーを有効にします。
   • ツール→WebSocketサーバー設定に移動します
   • WebSocketサーバーを有効にする
   • ポートを設定する（デフォルト：4455）
   • 必要に応じて認証を構成する
3. OBS でシーンを作成します。
   • メインカメラ
   • プレゼンテーション/スライド
   • ピクチャーインピクチャー
   • クロードにコントロールしてもらいたい追加シーン

接続のテスト

設定が完了したら:

1. OBS Studioを起動する
2. MCPサーバーを実行します（ npm start ）
3. MCP が設定された Claude を開く
4. シーンの切り替えなどの簡単なコマンドをテストする

ライセンス

このプロジェクトは MIT ライセンスの下で利用可能です。