1. Web
  2. Web-APIs
  3. AnalyserNode
  4. minDecibels

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

AnalyserNode: minDecibels-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die minDecibels-Eigenschaft der AnalyserNode-Schnittstelle ist ein doppelter Wert, der den minimalen Leistungswert im Skalierungsbereich für die FFT-Analysedaten darstellt, zur Umwandlung in vorzeichenlose Byte-Werte – im Wesentlichen legt dies den Minimalwert für den Bereich der Ergebnisse bei Verwendung von getByteFrequencyData() fest.

Wert

Ein doppelter Wert, der den minimalen Dezibel-Wert für die Skalierung der FFT-Analysedaten darstellt, wobei 0 dB das lauteste mögliche Geräusch ist, -10 dB ein Zehntel davon ist usw. Der Standardwert ist -100 dB.

Wenn Daten von getByteFrequencyData() abgerufen werden, werden alle Frequenzen mit einer Amplitude von minDecibels oder geringer als 0 zurückgegeben.

Hinweis: Wenn ein Wert größer als AnalyserNode.maxDecibels gesetzt wird, wird eine INDEX_SIZE_ERR-Ausnahme ausgelöst.

Beispiele

Das folgende Beispiel zeigt die grundlegende Verwendung eines AudioContext, um ein AnalyserNode zu erstellen, dann requestAnimationFrame und <canvas>, um häufig Frequenzdaten zu sammeln und eine "Winamp-Balkendiagramm-Stil"-Ausgabe des aktuellen Audioeingangs zu zeichnen. Für vollständigere angewandte Beispiele/Informationen sehen Sie sich unser Voice-change-O-matic-Demonstrationsbeispiel an (sehen Sie sich app.js Zeilen 108–193 für relevanten Code an).

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();

Spezifikationen

Spezifikation
Web Audio API
# dom-analysernode-mindecibels

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

AltStyle によって変換されたページ (->オリジナル) /