AnalyserNode：minDecibels 屬性
AnalyserNode 介面的 minDecibels 屬性是一個雙精度浮點數值，用於表示 FFT 分析資料在轉換為無符號位元組值時的縮放範圍內的最小功率值——基本上，它指定了在使用 getByteFrequencyData() 時結果範圍的最小值。
值
一個雙精度浮點數，表示用於縮放 FFT 分析資料的最小 分貝 值，其中 0 dB 是最響亮的聲音，-10 dB 是其十分之一，依此類推。預設值為 -100 dB。
當從 getByteFrequencyData() 獲取資料時，幅度小於或等於 minDecibels 的任何頻率都將返回 0。
注意： 如果設定的值大於 AnalyserNode.maxDecibels，則會引發 INDEX_SIZE_ERR 異常。
示例
下面的示例展示瞭如何使用 AudioContext 建立一個 AnalyserNode，然後使用 requestAnimationFrame 和 <canvas> 來反覆收集頻率資料，並繪製一個“Winamp 條形圖風格”的當前音訊輸入的輸出。有關更完整的實際示例/資訊，請檢視我們的 Voice-change-O-matic 演示（請參閱 app.js 的 108-193 行中的相關程式碼）。
js
const audioCtx = new AudioContext();
const analyser = audioCtx.createAnalyser();
analyser.minDecibels = -90;
analyser.maxDecibels = -10;
// …
analyser.fftSize = 256;
const bufferLength = analyser.frequencyBinCount;
console.log(bufferLength);
const dataArray = new Uint8Array(bufferLength);
canvasCtx.clearRect(0, 0, WIDTH, HEIGHT);
function draw() {
drawVisual = requestAnimationFrame(draw);
analyser.getByteFrequencyData(dataArray);
canvasCtx.fillStyle = "rgb(0 0 0)";
canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
const barWidth = (WIDTH / bufferLength) * 2.5;
let barHeight;
let x = 0;
for (let i = 0; i < bufferLength; i++) {
barHeight = dataArray[i];
canvasCtx.fillStyle = `rgb(${barHeight + 100} 50 50)`;
canvasCtx.fillRect(x, HEIGHT - barHeight / 2, barWidth, barHeight / 2);
x += barWidth + 1;
}
}
draw();
規範
| 規範 |
|---|
| Web Audio API # dom-analysernode-mindecibels |
瀏覽器相容性
載入中…