🗣️ AI 虛擬人 · Demo

網頁右下角會出現一位語音 AI 助理 —— 你可以「跟他說話」,他會聽懂、回答、開口說話並對嘴。
大腦(LLM/檢索)在你的瀏覽器本機運行;語音輸入會經瀏覽器雲端辨識、語音合成經一支輕量 proxy。零金鑰。

怎麼玩(請用 Chrome 開啟)

  1. 看右下角那位虛擬人 —— 點他一下,他會打招呼、開口說話。
  2. 🎙️ 即時 → 允許麥克風 → 直接連續對話;他回答時也能插話打斷。不方便開麥仍可直接打字,例如「怎麼裝到我的網站」「怎麼換成我的角色」。
  3. 想讓他更聰明、能自然閒聊:點 🧠 啟用「AI 大腦」(首次會下載約 1GB 模型,之後就快了)。

這是什麼

一個可以一行嵌進任何網站、右下角的語音 AI 虛擬人元件。他會聽你說話、回答、開口講話還會對嘴 —— 大腦和語音都在你的瀏覽器裡跑。技術組成:

Live2D 動畫角色 瀏覽器語音 STT / TTS 插話打斷 + 音量偵測 即時對嘴 知識庫檢索 WebLLM 本機大腦 一行 <script> 可嵌入任何網站

目前線上/本機 DEMO 已導入 Live2D V 皮「木(免費版)」;手機會自動載入輕量材質版本,若授權資產暫時無法載入則改用公開範例角色。

V 皮來源聲明

本 DEMO 使用的 Live2D V 皮「木(免費版)」由專案持有人自 bilibili 工房取得/購買。角色著作權與使用授權依原作者及 bilibili 工房商品頁條款為準;V 皮素材不包含在本專案程式碼的 MIT 授權內。

給夥伴的小提醒

• 請用 Chrome 桌機瀏覽器(語音與 AI 大腦需要 WebGPU)。
• 麥克風會跳出權限請求,按「允許」才能語音對話;語音辨識在 Chrome 下會把音訊送到雲端(Google)處理,並非本機。
• 不按 🧠 也能用 —— 會走「知識庫檢索」模式回答。

💡 這隻虛擬人的「腦袋」裝的就是它自己的使用教學 —— 直接問他「怎麼安裝」「怎麼換角色」,他會回答你。開啟營運管理後台預覽可以查看角色、知識庫、分析、客服與名單管理介面。