🎙️ voice-mcp

Ein MCP-Server (Model Context Protocol) für KI-Sprachsynthese mit integriertem Audio-Player. Gib deinem KI-Assistenten eine eigene geklonte Stimme!

Features

• 🎤 Eigene Stimme — ElevenLabs mit einer ausgewählten oder geklonten Stimme verwenden

• 🎵 Inline-Audio-Player — Elegante, dem WeChat-Stil folgende Player mit Wellenform-Visualisierung

• 📝 Transkript-Umschaltung — Gesprochenen Text ein-/ausblenden

• 🌙 Dark-Mode-Unterstützung — Automatische Theme-Anpassung

• ⚡ Cloudflare Workers — Schnelle, serverless Bereitstellung

Related MCP server: voice-mcp

Demo

Wenn du das speak-Tool aufrufst, erhältst du:

• Einen eleganten Audio-Player mit Play-/Pause-Button

• Animierte Wellenform, die den Abspielfortschritt verfolgt

• Daueranzeige

• Erweiterbares Transkript

Schnellstart

1. Repository klonen

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

2. Abhängigkeiten installieren

npm install

3. ElevenLabs konfigurieren

Erstelle einen ElevenLabs-API-Schlüssel und kopiere die ID der Stimme, die du verwenden möchtest.

Füge deine Secrets zu Cloudflare hinzu:

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. Bereitstellen

npx wrangler deploy

5. Mit ChatGPT verbinden

1. Aktiviere den Entwicklermodus in ChatGPT und wähle im Plus-Menü App erstellen.

2. Füge die öffentliche MCP-URL hinzu: https://your-worker.workers.dev/mcp.

3. Wähle die App in einem Chat aus. ChatGPT kann dann die speak-Tool aufrufen und den eingebauten Player anzeigen.

Der Endpunkt muss über HTTPS erreichbar sein. ChatGPT unterstützt entfernte MCP-Server per SSE oder Streaming-HTTP; dieser Worker nutzt Letzteres.

Konfiguration

API-Endpunkte

Stimme wählen

1. Öffne die ElevenLabs-Stimmbibliothek.

2. Wählen Sie eine integrierte oder geklonte Stimme.

3. Kopieren Sie die zugehörige Stimm-ID in ELEVENLABS_VOICE_ID.

Benutzerdefinierte Bereitstellung

Eigene Domain verwenden

1. Füge deine Domain zu Cloudflare hinzu

2. Erstelle einen DNS-Eintrag, der auf deinen Worker verweist

3. Aktualisiere wrangler.jsonc:

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

Selbst hosten (Node.js)

Die Kern-MCP-Logik lässt sich für andere Plattformen anpassen. Du musst:

1. Ersetze createMcpHandler durch einen standardmäßigen HTTP/SSE-Handler

2. Verwende @modelcontextprotocol/sdk direkt

3. Wälze die SSE-Transport selbst verarbeiten

Tech-Stack

• Cloudflare Workers — Serverless-Laufzeit

• MCP SDK — Model Context Protocol

• ElevenLabs — Stimmerzeugung

• ext-apps — Rendering von Inline-Benutzeroberflächen

Lizenz

MIT © 2024

Dioden

Inspiriert von der Notwendigkeit, KI-Assistants eine Stimme zu geben. Mit ❤️ erstellt.