Web Audio API - 使用

10 月 28, 2016

參考

--

實作

使用 Canvas 繪圖

  • analyser.fftSize
    設定值除以 2 就是陣列取樣數,預設 2048
  • analyser.getByteFrequencyData(Uint8Array(analyser.frequencyBinCount));
    數值在 0 - 255 ,沒聲音為 0
  • analyser.getByteTimeDomainData(Uint8Array(analyser.frequencyBinCount));
    數值在 0 - 255 ,沒聲音為 128
  • requestAnimationFrame 根據瀏覽器設定(一般來說是 60fps) 更新
  • 能量條的高度是根據 0-255 所繪製,所以如果要增減就必須調整 analyser.getByteFrequencyData(array) 的 array 值

image-328

 

--

 770 total views,  2 views today

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。