AudioBuffer: Methode getChannelData()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

Die getChannelData()-Methode der AudioBuffer-Schnittstelle gibt ein Float32Array zurück, das die PCM-Daten des Kanals enthält, der durch den Kanalparameter definiert ist (wobei 0 den ersten Kanal darstellt).

Syntax

js
getChannelData(channel)

Parameter

channel

Die Kanal-Eigenschaft ist ein Index, der den bestimmten Kanal repräsentiert, für den Daten abgerufen werden sollen. Ein Indexwert von 0 repräsentiert den ersten Kanal. Wenn der channel-Indexwert größer oder gleich AudioBuffer.numberOfChannels ist, wird eine INDEX_SIZE_ERR-Ausnahme ausgelöst.

Rückgabewert

Ein Float32Array.

Beispiele

Im folgenden Beispiel erstellen wir einen zwei Sekunden langen Puffer, füllen ihn mit weißem Rauschen und spielen ihn dann über einen AudioBufferSourceNode ab. Die Kommentare sollten klar erklären, was vor sich geht. Sie können den Code auch live ausführen oder den Quellcode ansehen.

js
const audioCtx = new AudioContext();
const button = document.querySelector("button");
const pre = document.querySelector("pre");
const myScript = document.querySelector("script");

pre.textContent = myScript.textContent;

// Stereo
const channels = 2;
// Create an empty two second stereo buffer at the
// sample rate of the AudioContext
const frameCount = audioCtx.sampleRate * 2.0;

const myArrayBuffer = audioCtx.createBuffer(2, frameCount, audioCtx.sampleRate);

button.onclick = () => {
  // Fill the buffer with white noise;
  //just random values between -1.0 and 1.0
  for (let channel = 0; channel < channels; channel++) {
    // This gives us the actual ArrayBuffer that contains the data
    const nowBuffering = myArrayBuffer.getChannelData(channel);
    for (let i = 0; i < frameCount; i++) {
      // Math.random() is in [0; 1.0]
      // audio needs to be in [-1.0; 1.0]
      nowBuffering[i] = Math.random() * 2 - 1;
    }
  }

  // Get an AudioBufferSourceNode.
  // This is the AudioNode to use when we want to play an AudioBuffer
  const source = audioCtx.createBufferSource();
  // set the buffer in the AudioBufferSourceNode
  source.buffer = myArrayBuffer;
  // connect the AudioBufferSourceNode to the
  // destination so we can hear the sound
  source.connect(audioCtx.destination);
  // start the source playing
  source.start();
};

Spezifikationen

Specification
Web Audio API
# dom-audiobuffer-getchanneldata

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch