AI虚拟人挂件 ai-avatar-bot

昨天半夜我在折腾自己的博客，总觉得页面缺了点什么。挂了个Live2D小人？太普通了。直到我翻到这个项目——往网页里贴一行script标签，右下角就蹦出来一个能说话的虚拟人。你跟她说话，她真能听懂，还能回你。说白了，就是一个嵌在浏览器里的AI对话伙伴。

这东西到底能干啥

其实它的核心就一件事：把一个Live2D角色变成你网站的”前台客服”。角色说话的时候嘴巴会跟着动，不是那种假假的循环动画，是实时根据语音音量驱动的口型同步。你想想，这效果明现比挂个静态头像强太多了。

交互方式也灵活。点右下角的麦克风图标就能直接说话，浏览器自带的语音识别会把你的声音转成文字，支侍得还不错。懒得说话？打字也行。回复的声音走的是神经语音合成，听起来是比较自然的女声，如果这条路走不通，会自动降级到系统自带的TTS。

技术架构有点意思

它的大脑部分用的是本地知识库检索，还可以选装一个完全跑在浏览器里的LLM——基于WebLLM，意味着完全离线也能工作。不过这里有个前提：你的设备得支持WebGPU，太老的机器可能跑不动。

让我比较惊喜的是它的”皮肉分离”设计。模型、知识库、语音后端全都可以通过data-*参数替换。你可以自己做一个Live2D模型，用data-model属性指过去，占位角色就换成了你自己的。整个组件的自定义空间其实很大。

上手体验

我使朋Chrome桌面版打开在线demo，点右下角虚拟人，允许麦克风权限，直接跟她聊了几句。识别速度还行，响应也算流畅。不过有一点要注意——语音识别走的是Google云端服务，并不是纯本地处理，对隐私有洁癖的朋友心里要有数。

接入自己的网站也很简单，复制那行script代码贴进HTML页面就完事了。不需要API密钥，不需要搭后端，零配置就能跑。对于想给个人博客或者小项目加点互动感的人来说，这个门槛几乎为零。

不过话说回来，一个能对话的虚拟人挂在网页角落，用户真的会去点吗？还是说，这种新奇感过了之后，它就变成了一个没人理会的装饰？这个问题我暂时也没想明白。

下载链接：https://pan.quark.cn/s/7c17f9c908b3