WebAudio / Showcase
インタラクション音響（WebAudio API）
ホバー・クリック・スクロールに反応する微細サウンド。記憶に残る体験を音で作る。
- Web Audio API
- Tone.js（任意）
Live Demo ボタンに触って音を確認（要・スピーカー）
※ 初回クリックでAudioContextが起動します（ブラウザポリシー）
概要
UIインタラクションに合わせた音響演出。
ECサイトの購入完了、ゲームの操作感、ブランドサイトの記憶定着など、用途は幅広い。
- ホバー時のサブティックなノイズ
- クリック時のクリスタル音
- スクロール位置による BGM クロスフェード
- 初回ユーザージェスチャ後に AudioContext を起動（ブラウザ規約遵守）
技術要素
- Web Audio API
- AudioContext / GainNode / OscillatorNode
- Tone.js（複雑なシーケンスが必要な場合）
- localStorage で音量設定保存（ユーザー控除）
実装難易度
★★（中級）
想定工数・費用感
- 工数：1〜1.5日（10時間）
- 価格目安：¥80,000〜
ブランドに合わせたサウンドデザイン込み。