Przedstawiamy ElevenLabs UI: otwarte komponenty audio i agentów na web

Interfejs ElevenLabs to nowa otwarta biblioteka konfigurowalnych komponentów React do budowania interfejsów z ElevenLabs Agents i Audio SDK.

Zbudowane na shadcn/ui, daje pełną kontrolę nad elementami UI, jak fale dźwiękowe, orby, wiadomości i inne.

Przykłady

transcriber-01- Otwarty komponent do dyktowania głosowego, który możesz dodać do każdej aplikacji webowej:

voice-chat-03 - rozbudowany, multimodalny czat ze wbudowanym zarządzaniem stanem. Podaj swój Elevenlabs Agent ID jako prop i gotowe:

Pierwsze kroki

Komponenty są dostępne przez @elevenlabs/agents-cli komendę.

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

Na przykład, żeby zainstalować komponent Orb, wpisz:

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

Przeczytaj dokumentację i szybciej buduj lepsze interfejsy agentów i audio.