VTuberアバター
Webカメラの顔認識で3D VRMアバターをリアルタイム制御。WebGPU+MediaPipe+three-vrmでブラウザ内完結
VTuberアバターの仕組み
MediaPipe FaceLandmarkerで52種類の表情パラメータ（ARKit互換）と顔の向きを検出し、 @pixiv/three-vrmでVRM 1.0アバターにリアルタイム反映します。 WebGPU対応ブラウザでは高速描画、非対応の場合はWebGLに自動フォールバック。
52
表情パラメータ
~5MB
モデルサイズ
60fps
リアルタイム描画
WebGPU
最新レンダリング
処理パイプライン
主要機能
52表情トラッキング
ARKit互換の52種類のブレンドシェイプで細やかな表情を再現。
鏡像モード
ミラー表示のON/OFFで直感的な操作感を切り替え。
リップシンク
マイク音量から口の動きを生成。声に合わせてアバターが話す。
デバッグ表示
52ブレンドシェイプの値をリアルタイムでバー表示。
VRMアップロード
自分のVRMモデルをアップロードして使用可能。
WebGPU対応
最新GPUバックエンドで高速描画。WebGL自動フォールバック。
VTuberアバターの活用事例
ゲーム実況・配信
VTuberとしてゲーム実況やライブ配信。顔出し不要でプライバシーを守りながらコンテンツ制作。
オンライン授業
講師がアバターで授業を行い、親しみやすい雰囲気を演出。表情が伝わるので対話的な学習が可能。
遠隔医療・カウンセリング
患者やクライアントがアバターで参加し、心理的ハードルを下げた相談を実現。
バーチャル会議
リモートワーク会議にアバターで参加。カメラオフでも表情が伝わるコミュニケーション。
SNS・動画コンテンツ
顔出し不要のショート動画やSNS投稿にアバターを活用。個人の表現の幅を広げる。
映像を端末内処理
アバター制御の推論をブラウザ内で実行し、映像を推論サーバーへ送りません。通信・外部保管に伴うリスクを低減します。
使い方
- 1「デモを開始」をクリックし、カメラの使用を許可します
- 2VRMファイルをアップロードします（VRoid Hub等から入手可能）
- 3顔を動かすとアバターがリアルタイムで追従します。笑顔・まばたき・首振りなどが反映されます
- 4リップシンクをONにすると、マイクの音声で口の動きも生成されます
バーチャルアバターシステムを構築する
VTuberアバター技術をベースに、バーチャル接客・オンライン教育・遠隔コミュニケーションなど、 お客様の業務に合わせたアバターシステムを構築できます。
カスタムアバターシステムの開発
顔トラッキング・アバター制御をベースに、配信連携・録画機能・対話AI統合など、用途に特化したシステムを構築できます。
VTuberアバターをエッジデバイスで動かす
顔トラッキング×3Dアバター制御を、配信用PCやキオスク端末で稼働させるための推奨機材です。
Raspberry Pi 5 ＋ Webカメラ。ポーズ・トラッキング系をまず1台で。
NVIDIA Jetson Orin Nano ＋ Webカメラ。GPUで高フレームレート・複数モデル同時に。
価格は目安（変動あり）。下のカードから用途に合うものを選んでください（全点を揃える必要はありません）。
※ 上記リンクはアフィリエイトリンクです（購入で当サイトに収益が発生する場合があります）。 価格は目安で、最新価格・在庫はリンク先でご確認ください。構成は用途の一例です。
関連デモ
このデモを「実機」で使うには？
実測データで最適な機種を選び、つまずいたら原因→対処をたどれます。
業務への導入を検討中の方へ：このデモのような、入力に近い端末で処理する仕組みの設計・開発相談はLink Fieldへ無料で送れます。
🤝 導入の相談をする