没入・リッチ演出
音連動ビジュアル
Web Audio API でアルペジオを鳴らし、周波数データを Canvas のバーグラフにリアルタイム反映。再生/停止ボタンで制御。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="stage">
<canvas id="viz"></canvas>
<button id="btn" class="play-btn" aria-label="再生">▶ 再生</button>
</div>