The buffer property of the AudioBufferSourceNode interface represents an AudioBuffer that defines the audio asset to be played.

If the buffer property is set to the value NULL, it defines a single channel of silence.


var source = audioCtx.createBufferSource();
// from audioCtx.createBuffer, or audioCtx.decodeAudioData
source.buffer = myBuffer; 


An AudioBuffer.


Note: For a full working example, see this code running live, or view the source.

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

button.onclick = function() {
  // Fill the buffer with white noise;
  //just random values between -1.0 and 1.0
  for (var channel = 0; channel < channels; channel++) {
   // This gives us the actual ArrayBuffer that contains the data
   var nowBuffering = myArrayBuffer.getChannelData(channel);
   for (var 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
  var source = audioCtx.createBufferSource();
  // set the buffer in the AudioBufferSourceNode
  source.buffer = myArrayBuffer;


Specification Status Comment
Web Audio API
The definition of 'buffer' in that specification.
Working Draft Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support No support[1] (Yes) 23.0 (23.0) No support 15 webkit
6 webkit
detune property (Yes) (Yes) 40.0 (40.0) No support ? ?
Feature Android Chrome Edge Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support No support 28 webkit (Yes) 25.0 (25.0) 1.2 No support No support 6 webkit
detune property No support (Yes) (Yes) (Yes) (Yes) No support No support ?

[1] Removed in Chrome version 44.0. Was supported with a webkit prefix from version 14.

See also

Document Tags and Contributors

 Last updated by: erikadoyle,