🎙️ voice-mcp

AI音声合成のためのMCP（Model Context Protocol）サーバーで、インラインオーディオプレイヤーが付属しています。AIアシスタントにカスタムのクローン音声を追加しましょう！

機能

• 🎤 カスタム音声 — 選択した音声またはクローンした音声をElevenLabsで使用

• 🎵 インラインオーディオプレイヤー — 波形ビジュアライゼーションを備えた美しいWeChat風プレイヤー

• 📝 トランスクリプト切り替え — 発話されたテキストの表示/非表示

• 🌙 ダークモード対応 — テーマを自動適応

• ⚡ Cloudflare Workers — 高速なサーバーレスデプロイ

Related MCP server: ElevenLabs MCP Server

デモ

speak ツールを呼び出すと、次のものが取得できます：

• 再生/一時停止ボタンを備えた高級感のあるオーディオプレイヤー

• 再生の進行に追従するアニメーション波形

• 再生時間の表示

• 展開可能なトランスクリプト

クイックスタート

1. リポジトリのクローン

git clone https://github.com/p8j9k7psbk-hub/voice-mcp.git
cd voice-mcp

2. 依存関係のインストール

npm install

3. ElevenLabsの設定

ElevenLabs APIキーを作成し、使用したい音声のIDをコピーしてください。

Cloudflareにシークレットを追加します：

npx wrangler secret put ELEVENLABS_API_KEY
npx wrangler secret put ELEVENLABS_VOICE_ID
npx wrangler secret put ELEVENLABS_MODEL_ID  # Optional; defaults to eleven_multilingual_v2
npx wrangler secret put BOT_NAME  # Optional, defaults to "AI"

4. デプロイ

npx wrangler deploy

5. ChatGPTに接続

1. ChatGPTの開発者モードを有効にし、プラスメニューからアプリを作成を選択します。

2. 公開MCP URLを追加します：https://your-worker.workers.dev/mcp。

3. チャットでアプリを選択します。そうすればChatGPTはspeakツールを呼び出してインラインプレイヤーを表示できます。

エンドポイントはHTTPSで到達可能である必要があります。ChatGPTはSSEまたはストリーミングHTTPを使用するリモートMCPサーバをサポートしています。このWorkerは後者を使用します。

設定

APIエンドポイント

音声の選び方

1. ElevenLabs Voice Libraryを開きます。

2. 内蔵またはクローンした音声を選択します。

3. その音声IDを ELEVENLABS_VOICE_ID にコピーします。

カスタムデプロイ

カスタムドメインの使用

1. ドメインをCloudflareに追加します

2. Workerを指すDNSレコードを作成します

3. wrangler.jsonc を更新します：

{
  "routes": [
    { "pattern": "voice.yourdomain.com/*", "zone_name": "yourdomain.com" }
  ]
}

セルフホスティング（Node.js）

コアのMCPロジックは他のプラットフォームにも適用できます。次の手順が必要です：

1. createMcpHandler を標準的なHTTP/SSEリスナーで置き換えます

2. @modelcontextprotocol/sdk を直接使用します

3. SSEトランスポートを自分で処理します

技術スタック

• Cloudflare Workers — サーバーレスランタイム

• MCP SDK — モデルコンテキストプロトコル

• ElevenLabs — 音声合成

• ext-apps — インラインUIレンダリング

ライセンス

MIT © 2026

クレジット

AIアシスタントに声を与えたいというニーズから着想を得ました。❤️を込めて開発しました。