Vorstellung von ElevenLabs UI: Open-Source-Audio- und Agentenkomponenten für das Web

ElevenLabs-Benutzeroberfläche ist eine neue Open-Source-Bibliothek mit anpassbaren React-Komponenten für die Entwicklung von Oberflächen mit den ElevenLabs Agenten & Audio-SDKs.

Basierend auf shadcn/ui bietet sie volle Kontrolle über UI-Elemente wie Wellenformen, Orbs, Nachrichten und mehr.

Beispiele

transcriber-01- Eine Open-Source-Sprachdiktat-Komponente, die Sie in jede Webanwendung integrieren können:

voice-chat-03 - Eine umfangreiche multimodale Chat-Oberfläche mit integrierter Statusverwaltung. Geben Sie Ihre ElevenLabs Agenten-ID als Prop an und setzen Sie sie direkt ein:

Erste Schritte

Komponenten sind verfügbar über den @elevenlabs/agents-cli Befehl.

pnpm dlx @elevenlabs/agents-cli@latest components add <component>

Um zum Beispiel die Orb-Komponente zu installieren, führen Sie Folgendes aus:

pnpm dlx @elevenlabs/agents-cli@latest components add orb

Dokumentation lesen und entwickeln Sie schneller bessere Agenten- und Audio-Oberflächen.