オーディオビジュアライザー使用ガイド

基本的な使い方

「開始」ボタンをクリック
ブラウザのポップアップでマイクへのアクセスを許可
マイクに向かって話す、歌う、または音楽を再生
リアルタイムの動的グラフィックの変化を観察

4つの可視化モード

スペクトラムバー

音声の周波数分布をバーチャートで表示。低周波は左、高周波は右で、バーの高さが各周波数帯域のエネルギーを反映します。

波形

オシロスコープ方式で音声の時間領域波形を表示。上下対称の二層グロー線で振幅と周波数の変化を直感的に確認できます。

円形

スペクトラムを360度のリングに展開。中心円が音量に合わせて脈動し、外周バーが周波数に合わせて跳ねます。最も華やかなモードです。

パーティクル

150個のパーティクルが画面内を流動。各パーティクルは周波数帯に対応し、音が大きいほど速く動き、大きくなり、近くのパーティクル同士が自動的に線で結ばれます。

コントロール

感度: 音声信号の増幅倍率（0.3〜3.0）。値が大きいほどグラフィックの変化が激しくなります
スムージング: スペクトラムのスムージング係数（0〜0.95）。値が大きいほど移行が滑らかになります
テーマ: ネオン、ファイア、オーシャン、フォレスト、パープルの5種類のカラースキーム

キーボードショートカット

スペース: 収音の開始/停止
1 / 2 / 3 / 4: バー / 波形 / 円形 / パーティクルモードの切り替え

技術原理

Web Audio API

このツールはブラウザのWeb Audio APIに基づいています。getUserMediaでマイクの音声ストリームを取得し、AnalyserNodeでリアルタイムFFT（高速フーリエ変換）分析を行い、時間領域信号を周波数領域データに変換して、Canvas 2Dで可視化グラフィックを描画します。

周波数分析

FFTサイズ: 2048、1024個の周波数ビンに対応
サンプリングレート: 通常44100Hzまたは48000Hz
周波数分解能: サンプリングレート / FFTサイズ、約21〜23Hz per bin
人間の可聴範囲: 約20Hz〜20000Hz

使用のヒント

最適なパフォーマンスにはChromeまたはEdgeを推奨
マイクのハウリングを避けるため、ヘッドホンや外部スピーカーを使用
環境ノイズが少ないほどクリーンな可視化が得られます
全画面モードでより没入感のある体験が可能