🧛 吸血鬼 (Vampire) — AI 虛擬人 Widget

怎麼玩（建議用 Chrome 桌機）

1. 看右下角那位吸血鬼 — 點她一下，她會打招呼並自我介紹（首次載入需數秒下載 Live2D 模型）。
2. 撳 🎤 說話 准許麥克風 → 直接問她；不開麥亦可直接打字（支援中文、英文、IME 組字）。
3. 撳 🌐 免費 / 💎 MiniMax 切換 TTS 路線：免費 Web Speech API 零成本；MiniMax 享有粵語神經語音 HD 及 12 種聲線。
4. 撳 🗣️ 語音 揀聲線：MiniMax 模式 12 個粵語/普通話聲線；瀏覽器模式 9 個系統內建 zh-HK / zh-TW / zh-CN / en-US 聲線。
5. 撳 🧠 輸入您的 DeepSeek API Key 啟用「大腦」（金鑰只存在您的瀏覽器，不外漏）。
6. 撳 😊 切換表情 / 🔊 靜音 / 1.0× 調語速（瀏覽器模式） / ✕ 收起。

部署資訊

本 demo 部署於 BAZOOKA 個人 PC，透過 Cloudflare Tunnel 公開於 vampire.kitahim.uk。Live2D 模型：吸血鬼 (11.47 MB · Cubism 5.x)，已優化至 2048×2048 textures。

Cloudflare Tunnel FastAPI + WebSocket 60FPS Live2D Cubism 5.x Self-hosted vendor JS (769 KB) Cantonese TTS (MiniMax) DeepSeek LLM (optional) Strict CSP + nosniff CORS-safe iframe embed 一行 <script> 嵌入

💡 一行嵌入範例（最簡）：

<script src="https://vampire.kitahim.uk/static/embed/embed.js"></script>

⚙️ 可選參數（data-* 覆寫預設）：

<script src=".../embed.js"
  data-model="你的 Live2D model3.json 網址"
  data-knowledge="你的 FAQ JSON 網址"
  data-api="/api/tts"  data-voice="cantonese-female"></script>