音訊視覺化工具使用指南
基本使用方法
- 點選"開始拾音"按鈕
- 在瀏覽器彈窗中允許訪問麥克風
- 對著麥克風說話、唱歌或播放音樂
- 觀察即時的動態圖形變化
四種視覺化模式
頻譜柱
將音訊頻率分佈以柱狀圖形式展示，低頻在左、高頻在右，柱高反映該頻段的能量大小。適合觀察音樂的低音/高音分佈。
波形
以示波器方式展示聲音的時域波形，上下對稱的雙層發光線條，能直觀看到聲音的振幅和頻率變化。
圓形
將頻譜以 360 度環形展開，中心圓隨音量脈動，外圍條狀隨頻率跳動，視覺效果最為華麗。
交響樂
【智慧音色分離】即時分析音訊特徵，自動分離並顯示 5 種樂器家族：
- 🥁 打擊樂：通過瞬態檢測識別鼓點和擊鑔（突發能量變化）
- 🎸 低音：檢測低頻諧波結構，識別貝斯和大提琴
- 🎤 人聲/絃樂：識別中頻豐富的諧波，分離人聲和小提琴
- 🎷 木管：檢測中高頻明亮諧波，識別長笛、單簧管
- ✨ 鑔片高頻：通過頻譜平坦度識別噪聲類高頻（鑔片、三角鐵）
每條軌道獨立顯示頻譜波形、能量百分比和 dB 數值，播放交響樂或多軌混合音樂時，可清晰分辨各聲部的活動狀態。
控制選項
- 靈敏度：調節音訊訊號的放大倍數（0.3~3.0），值越大圖形變化越劇烈
- 平滑度：調節頻譜資料的平滑係數（0~0.95），值越大過渡越柔和
- 配色：霓虹、火焰、海洋、森林、紫羅蘭五種配色方案可切換
快捷鍵
空格：開始/停止拾音1 / 2 / 3 / 4：切換 頻譜柱 / 波形 / 圓形 / 交響樂 模式
技術原理
Web Audio API
本工具基於瀏覽器的 Web Audio API 實現。通過 getUserMedia 獲取麥克風的音訊流，使用 AnalyserNode 對音訊資料進行即時 FFT（快速傅立葉變換）分析，將時域訊號轉換為頻域資料，再由 Canvas 2D 繪製成視覺化圖形。
頻率分析
- FFT 大小：2048，對應 1024 個頻率 bin
- 取樣率：通常為 44100Hz 或 48000Hz
- 頻率解析度：取樣率 / FFT大小，約 21~23Hz per bin
- 人耳可聽範圍約 20Hz~20000Hz
使用建議
- 建議使用 Chrome 或 Edge 瀏覽器獲得最佳效果
- 使用耳機或外放播放音樂可避免麥克風回授
- 環境噪音較小時視覺化效果更純淨
- 全屏模式下沉浸感更強