@elevenlabs/react

中文文档
1.22.0发布于 2026/11/11MITTypeScriptES Module构建来源已验证近 30 天下载 391.3万

11Labs 反应库

中文使用文档
文档目录6 节
  1. 安装
  2. 快速启动
  3. 文档
  4. 入境点
  5. 发展
  6. 捐款

hero

十一代理反应 SDK

与 十一代理平台。 。 。 .

一个用于与"十一号特工"建立语音和文本对话的反应库. 对于反应原生,使用 @elevenlabs/react-native。 。 。 .

LOGO Discord Twitter

安装

npm install @elevenlabs/react

快速启动

import {
  ConversationProvider,
  useConversationControls,
  useConversationStatus,
} from "@elevenlabs/react";

function App() {
  return (
    {/* replace with your agent's ID */}
    <ConversationProvider agentId="agent_7101k5zvyjhmfg983brhmhkd98n6">
      <Conversation />
    </ConversationProvider>
  );
}

function Conversation() {
  const { startSession, endSession } = useConversationControls();
  const { status } = useConversationStatus();

  return (
    <div>
      <p>Status: {status}</p>
      <button
        onClick={() =>
          startSession({
            onConnect: ({ conversationId }) =>
              console.log("Connected:", conversationId),
            onError: (message) => console.error("Error:", message),
          })
        }
      >
        Start
      </button>
      <button onClick={() => endSession()}>End</button>
    </div>
  );
}

文档

关于包括连接类型、客户端工具、谈话覆盖等全部API的参考文献,请参见 反应 SDK 文档。 。 。 .

实时演讲与文字 useScribe 钩子,看 扫描文档。 。 。 .

入境点

路径稳定
@elevenlabs/react公开、稳定
@elevenlabs/react/experimental实验性,没有铸造保证

发展

请参考此寄存器根中的 README. md 文件 .

捐款

请先创建一个问题来讨论提议的修改。 欢迎任何贡献!

记住,如果合并,你的代码将作为麻省理工学院许可项目的一部分使用. 通过提交"拉出请求",你同意将您的代码整合到这个库中.

版本与发布记录

@elevenlabs/react 共发布 95 个版本,首次发布于 2025/05/28;过去 12 个月发布了 68 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
1.22.0latest2026/11/112 天前
1.21.12026/11/058 天前
1.21.02026/11/049 天前
1.20.32026/11/0211 天前
1.20.22026/10/2915 天前
1.20.12026/10/2717 天前

其他发布通道:next → 1.0.0-rc.1。

关于 @elevenlabs/react 的常见问题

@elevenlabs/react 是什么?

11Labs 反应库

如何安装 @elevenlabs/react?

在项目目录运行 npm install @elevenlabs/react,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(>=16.8.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@elevenlabs/react 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@elevenlabs/react 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@elevenlabs/react 可以商用吗?

@elevenlabs/react 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@elevenlabs/react 的下载量有多少?

根据 npm 官方下载统计,@elevenlabs/react 在 2026/10/14 – 2026/11/12 这 30 天内被下载 3,912,746 次,日均约 130,425 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@elevenlabs/react 还在维护吗?

最新版本 1.22.0 发布于 2026/11/11(2 天前);至今共发布 95 个版本,其中过去 12 个月发布了 68 个;首次发布于 2025/05/28。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。