ai-avatar-bot 是一个能嵌入任何网站的 Live2D 语音 AI 虚拟人组件。一行代码就能搞定，不需要 API 密钥，语音功能可以选装。

GitHub 地址：github.com/YuriCrystal/ai-avatar-bot

在线体验：ai-avatar-bot-two.vercel.app

功能特性

• 实时 2D 动画 + 口型同步：说话音量直接驱动角色嘴巴开合
• 语音输入：浏览器自带语音识别，也支持打字输入（按 Enter 发送，中文输入法不会误触发）
• 语音输出：优先用神经语音（比较自然的女声），走不通就降级到系统 TTS
• 大脑部分：本地知识库检索 + 可选的浏览器内 LLM（WebLLM，完全离线）
• 皮肉分离设计：模型、知识库、语音后端都能通过 data-* 参数替换

使用方式

用户侧

• 用 Chrome 桌面版打开，点右下角虚拟人
• 点 🎤 允许麦克风直接说，或打字问
• 点 🧠 首次下载模型后启用本地 AI 大脑

接入自己网站

• 复制那一行 script 代码贴进页面
• 自制 Live2D 模型，用 data-model 属性指向替换占位角色
• 改 knowledge.js 或设 data-knowledge 换成自己的问答内容

注意事项

• 语音识别走 Google 云端，不是纯本地
• AI 大脑需要 WebGPU，老旧设备可能跑不动

苏米注：这个项目的亮点在于"一行代码"的极简接入方式。对于想要给网站增加 AI 交互能力的开发者来说，ai-avatar-bot 提供了一个开箱即用的方案。Live2D 虚拟人 + 语音对话 + 本地知识库的组合，可以应用到客服、教育、虚拟助手等多个场景。皮肉分离的设计也让自定义变得灵活，你可以替换模型、知识库和语音后端来适配自己的需求。