聊天机器人数字人 · 嵌入网站与 App

不只是一个聊天机器人头像

很多「chatbot avatar」搜索结果只是静态图标、插画或头像图片。它们能让聊天窗口更亲切，却不会改变对话体验本身。

Avatar AI SDK 给你的聊天机器人一个可交互的 3D 数字人——它能在页面内开口说话、动起来、做出回应。

聊天机器人数字人如何工作

Avatar AI SDK 位于你的前端与聊天机器人 / AI Agent 之间。对话逻辑由你掌控，数字人负责可视化呈现。

1. 01

   用户提出问题

   用户在你的网站、App 或聊天界面上发起交互。

2. 02

   你的聊天机器人生成答案

   使用你自己的 LLM、客服机器人、FAQ 机器人、工作流引擎或脚本化回复系统。

3. 03

   Avatar AI SDK 把回复说出来

   回复被送入数字人运行时，通过文本转语音呈现。

4. 04

   数字人实时对口型

   数字人口型跟随语音，带来更自然的聊天体验。

对接你现有的聊天机器人或 AI Agent

你不需要重建聊天机器人。保留你现有的 LLM、检索流程、FAQ 机器人、客服工作流或脚本助手即可。Avatar AI SDK 把回复变成可说话的 3D 数字人体验，并嵌入你当前的网站或 App。

支持以下形态

• 自定义 LLM 流程
• 客服聊天机器人
• FAQ 助手
• 销售线索筛选机器人
• 培训助手
• 脚本化引导流程

对话逻辑归你所有。Avatar AI SDK 负责数字人运行时、TTS、口型同步、嵌入层与用量计量。

无需重建，即可给聊天机器人加上数字人

三种接入路径背后是同一个聊天机器人数字人——按你的技术栈选择最顺手的方式。

1. 01

   iframe 直嵌

   想在网站、落地页或客服页快速试用聊天机器人数字人时，用 iframe 最快。

2. 02

   Web Component

   想要更干净的嵌入、并在前端中获得更好的布局控制时，用 Web Component。

3. 03

   JavaScript SDK

   想连接用户消息、聊天机器人回复、事件与自定义 UI 逻辑时，用 JavaScript SDK。

<script type="module" src="https://embed.avataraisdk.com/sdk.js"></script>
<script type="module">
  const avatar = AIAvatar.init({
    agentId: 'YOUR_AGENT_ID',
    apiKey: 'YOUR_API_KEY',
    behavior: { llmMode: 'external' },

    // 你的聊天机器人 / LLM -> 3D 数字人
    onUserInput: async (message) => {
      const reply = await myChatbot(message.content);
      avatar.replyText(reply);
    },
  });
</script>

聊天机器人数字人最适合的场景

• 客户支持

  把常见的客服流程变成可说话的数字人体验，回答 FAQ、说明下一步、引导用户找到正确资源。

• 销售线索筛选

  让数字人迎接访客、提出筛选问题、介绍你的方案，并把高意向线索交给销售团队。

• 培训与新人引导

  把入职脚本、SOP 与学习资料变成数字人引导，比一长篇文档更易于跟随。

• 电商导购助手

  在商品页或活动页嵌入可视化助手，帮助消费者比较选项、理解商品细节并做出决定。

聊天机器人数字人 vs 文本聊天机器人 vs 数字人视频生成器

聊天机器人数字人 · 常见问题

• 什么是聊天机器人数字人？

  聊天机器人数字人是网站或 App 内代表聊天机器人的可视化角色。它能把答案说出来、引导用户，让自动化对话比纯文本聊天框更自然。

• 可以把 Avatar AI SDK 接到我自己的聊天机器人吗？

  可以。你可以保留自己的 LLM、客服机器人、FAQ 系统或脚本助手，把聊天机器人的回复发送给 Avatar AI SDK，数字人就会用 TTS 和口型同步把它说出来。

• 这是一个聊天机器人平台吗？

  不是。Avatar AI SDK 是聊天机器人或 AI Agent 的数字人呈现层，对话逻辑仍由你掌控。

• 这是 AI 陪伴类 App 吗？

  不是。本页面讲的是用于网站、App、客服流程、销售页、培训与产品体验的聊天机器人数字人。

• 它和数字人视频生成器有什么不同？

  不同。视频生成器通常产出固定的视频文件；Avatar AI SDK 嵌入的是一个可交互数字人，能在实时网站或 App 内回应。

• 我该选哪种嵌入方式？

  最快试用选 iframe，更干净的站点嵌入选 Web Component，需要自定义聊天逻辑、事件与 UI 控制时选 JavaScript SDK。

• 数字人支持 TTS 和口型同步吗？

  支持。Avatar AI SDK 能把文本转成语音，并让数字人口型与所说内容同步。

• 可以用在 WordPress、Shopify、Webflow 或自定义网站上吗？

  可以。低代码嵌入用 iframe 或 Web Component，自定义前端集成用 JavaScript SDK。