Audio Reactive Avatar System
v2.0 // WEB AUDIO API // SPEECH SYNTHESIS
音声・マイク・テキストに反応してリアルタイムで口が動く、 ブラウザだけで動作するアバターシステム。 インストール不要、単一HTMLファイルで完結します。
主な機能
入力したテキストをブラウザのSpeech Synthesis APIで読み上げ、 その音量パターンをシミュレートしてリアルタイムに口を動かします。 速度・ピッチの調整も可能。
マイクから入力された音声をリアルタイム解析。 声の大きさに応じて瞬時に口の形が変化します。 発話の間合いや強弱が自然に反映されます。
MP3・WAV・OGG形式のファイルをドラッグ＆ドロップまたは クリックで読み込み。再生中は周波数解析でリップシンクします。 シークバーで位置の移動も可能。
普通・笑顔・悲しみ・驚き・怒りの5種類の表情を ワンクリックで切り替え。眉の形・目の大きさ・ 口角の向きが変化します。
WARM（ナチュラル肌色）、CYBER（クールブルー）、 ALIEN（グリーン）の3スキンを選択可能。 肌・目・眉・唇の色が一括で変わります。
感度・口の速度・まばたき頻度・表情強度を スライダーでリアルタイム調整。自分好みの 動きにカスタマイズできます。
口形３種類システム
Shape 01
音が小さいか無音のとき。唇がわずかに閉じた自然な休止状態。 「ん」「む」などの閉音に対応します。
Shape 02
中程度の音量で出現。唇が丸く前に突き出す形。 「お」「う」などの円唇母音を表現します。
Shape 03
大きな音量で出現。口が横に大きく広がり歯と舌が見える状態。 「あ」「え」などの開口音・強調表現に対応します。
使い方
「テキスト読み上げ」「マイク入力」「音声ファイル」の3つから好きな方法を選びます。 それぞれ専用のパネルがあり、切り替えは自動で排他制御されます。
5種類の表情ボタンで顔の基本感情を選択。 さらに3種類のスキンから好きなカラーパレットに変更できます。
感度・口の速度・まばたき頻度・表情強度の4つのスライダーで アバターの動きを自分好みにチューニングします。
読み上げボタンを押すかマイクをオンにすれば、 音声に合わせてアバターが即座に動き始めます。 波形・音量メーターでリアルタイムに確認できます。
仕様