デモの使い方

マイク入力の周波数データを解析し、円形に広がるカラフルな波形でリアルタイムに可視化するデモです。

オーディオビジュアライザー Web Audio API マイク入力

操作手順

  1. 「Click to Start Mic」をクリックしてマイク入力を開始
  2. 表示されるマイクアクセス許可ダイアログで許可を選択
  3. 音を出して、周波数に応じた円形の波形とパーティクルの変化を確認

活用シーン

  • AnalyserNodeによる周波数解析(FFT)の学習
  • イベント画面での音声連動演出の参考実装
  • Canvas描画とWeb Audio APIの連携実装例確認

Click to Start Mic

マイク入力を可視化します