BaseAudioContext: Methode createBufferSource()
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 Methode createBufferSource()
der BaseAudioContext
-Schnittstelle wird verwendet, um ein neues AudioBufferSourceNode
zu erstellen, das zur Wiedergabe von Audiodaten eingesetzt werden kann, die in einem AudioBuffer
-Objekt enthalten sind. AudioBuffer
s werden mithilfe von BaseAudioContext.createBuffer
erstellt oder von BaseAudioContext.decodeAudioData
zurückgegeben, wenn ein Audiotrack erfolgreich decodiert wird.
Hinweis: Der Konstruktor AudioBufferSourceNode()
ist die empfohlene Methode zur Erstellung eines AudioBufferSourceNode
; siehe Erstellen eines AudioNode.
Syntax
createBufferSource()
Parameter
Keine.
Rückgabewert
Beispiele
In diesem Beispiel erstellen wir einen zwei Sekunden langen Puffer, füllen ihn mit weißem Rauschen und spielen ihn dann über ein AudioBufferSourceNode
ab. Die Kommentare sollten klar erklären, was geschieht.
Hinweis: Sie können den Code auch live ausführen oder den Quellcode ansehen.
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(
channels,
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-baseaudiocontext-createbuffersource |
Browser-Kompatibilität
BCD tables only load in the browser