ElevenLabs推出开源UI组件供Web开发人员使用
realtime news Dec 02, 2025 19:03
ElevenLabs推出了一套可定制的React组件开源库，利用ElevenLabs代理和音频SDK，提升多模态代理和界面的开发。
ElevenLabs推出了一款全新的开源库，旨在简化多模态代理和界面的开发。据ElevenLabs介绍，该库构建在shadcn/ui之上，提供了一系列可定制的React组件，专为搭配ElevenLabs代理和音频SDK使用而设计。
ElevenLabs UI的主要特点
ElevenLabs UI库为开发人员提供了对用户界面元素的广泛控制，包括波形、球体和消息。这些组件专为提升多模态代理的构建速度和效率而设计，对于从事高级Web应用程序开发的开发人员至关重要。
实际示例
开源库包括诸如transcriber-01这样的组件，这是一个可以集成到任何Web应用程序中的语音听写模块，以及voice-chat-03，一个带有内置状态管理的综合多模态聊天界面。这些组件设计易于集成，允许开发人员将其ElevenLabs代理ID作为道具传递，以高效部署。
入门指南
开发人员可以通过@elevenlabs/agents-cli命令行工具获取这些组件。例如，要安装Orb组件，开发人员可以执行命令：
pnpm dlx @elevenlabs/agents-cli@latest components add orb这种命令行方式简化了将组件添加到现有项目的过程，促进了更快的开发周期。
文档与资源
ElevenLabs提供了全面的文档，以帮助开发人员有效利用这些组件。文档在其官网上提供，指导用户构建稳健的代理和音频界面。开发人员被鼓励探索官方文档以获取更详细的信息。
Image source: Shutterstock.jpg)