번역이 완료되지 않았습니다. Please help translate this article from English

AudioBuffer는 AudioContext.decodeAudioData() 혹은 AudioContext.createBuffer()를 통해 만들어진 로우 데이터를 메모리상에 두고 사용하는 기술이다. 일단 한번 AudioBuffer 에 들어간 정보는 AudioBufferSourceNode를 통해 재생이 가능하다.

이 객체는 일반적으로 45초 이하의 오디오 정보를 가지고 있다. 더 긴 시간의 소리정보는 MediaElementAudioSourceNode를 사용하는 것이 더 적합하다.  The buffer contains data in the following format:  non-interleaved IEEE754 32-bit linear PCM with a nominal range between -1 and +1, that is, 32bits floating point buffer, with each samples between -1.0 and 1.0.  만약에  AudioBuffer 가 멀티 채널을 가진다면 이는 버퍼를 나눠서 저장을 합니다.


AudioBuffer.sampleRate Read only
버퍼에 저장된 샘플정보의 매 초당 배율을 float형으로 리턴한다.
AudioBuffer.length Read only
샘플프레임안의 버퍼에 저장된 PCM정보의 길이를 정수형으로 리턴한다.
AudioBuffer.duration Read only
버퍼에 저장된 PCM정보의 재생길이를 double형으로 리턴한다.
AudioBuffer.numberOfChannels Read only
버퍼에 저장된 PCM정보에 의해 구분된 채널의 갯수를 정수형으로 리턴한다.


Float32Array에 담긴 PCM데이터와 channel 파라메로 정의된 채널 정보(첫번째 채널은 0)를 리턴한다.
특정 채널의 AudioBuffer를 destination배열로 복사를 한다.
특정 채널의 AudioBuffer에 source배열로 부터 정보를 복사해 온다.


이 예제는 어떻게 AudioBuffer 를 생성하고 랜덤한 화이트 노이즈를 채우는 방법을 설명한다.  audio-buffer demo 에서 전체 소스를 확인 가능하고 running live 실시간 테스트고 가능하다.

// Stereo
var channels = 2;

// Create an empty two second stereo buffer at the
// sample rate of the AudioContext
var frameCount = audioCtx.sampleRate * 2.0;
var myArrayBuffer = audioCtx.createBuffer(channels, 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 array 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;

  // connect the AudioBufferSourceNode to the
  // destination so we can hear the sound

  // start the source playing



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

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 14 webkit 25 (25) No support 15 webkit
22 (unprefixed)
6 webkit
copyFromChannel() and copyToChannel() ? 27 (27) No support ? ?
Feature Android Chrome Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support No support 28 webkit 25.0 (25) 1.2 No support No support webkit
copyFromChannel() and copyToChannel() No support ? 27.0 (27)   No support No support ?

See also