📢 X投稿文
ワンライン埋め込みのLive2D音声AI助理。ブラウザのみで動作し、外部依存なし。リアルタイムリップシンクと複数言語STT/TTS対応で自然な対話を実現
https://github.com/YuriCrystal/ai-avatar-bot
🤖 AI考察
■ **概要**
一行スクリプト埋め込みで任意のウェブサイトに統合可能な、Live2D + AI音声対話ウィジェット。フロントエンド主体でバックエンド依存を最小化しながら、STT・TTS・知識庫検索・感情表現を実装。
■ **特徴・用途**
- **アーキテクチャの徹底分離**: エンジン(共通ロジック)・スキン(Live2Dモデル)・コンテンツ(知識庫)を切り離し、キャラ・知識ベースの交換を容易化。`data-*`属性で記述的に制御できる設計は、複数サイト展開やA/Bテストに有利。
- **最小依存でのブラウザネイティブ実装**: ブラウザ内蔵音声+WebLLMでオフライン対応、オプショナルなニューラルTTSで品質トレードオフを制御。iframe隔離で宿主サイトへの影響ゼロ。
- **対話体験の細部**: リアルタイム字幕・音量駆動口パク・感情表現・割り込み対応、さらに「逐句開講」で応答遅延を感じさせない設計。ツール呼び出し機能(registerTool)で商品検索などの実装可能。
■ **結論**
フロントエンド優先の現実的な制約下でAIアバター体験を実現する設計パターンとして、ビジネスチャットボット・顧客サービス窓口の参考実装として価値がある。Live2D + WebLLMの組み合わせは、低遅延&プライバシー志向のユースケースに適合している。