AudioContext : EventTarget

constructor

AudioContext represents the sound system of the computer and is the main object used for creating and managing audio. Audio is generated by a set of AudioNodes that are combined and routed to the AudioDestinationNode.

Spec

Constructors

new AudioContext() : AudioContext

Instance Properties

currentTime : Number readonly

destination : AudioDestinationNode readonly

listener : AudioListener readonly

sampleRate : Number readonly

Instance Methods

createAnalyser() : AnalyserNode

createBiquadFilter() : BiquadFilterNode

createBuffer(numberOfChannels : Number, length : Number, sampleRate : Number) : AudioBuffer

createBufferSource() : AudioBufferSourceNode

createChannelMerger([numberOfInputs = 6 : Number]) : ChannelMergerNode

createChannelSplitter([numberOfOutputs = 6 : Number]) : ChannelSplitterNode

createConvolver() : ConvolverNode

createDelay([maxDelayTime = 1.0 : Number]) : DelayNode

Example:

<!-- Delay the audio by 2 seconds -->
<video id='video' src='fireworks.ogv' width='150' height='100'></video><br>
<button onclick='video.paused ? video.play() : video.pause()'>Play/Pause</button>
<script>
  var video = document.getElementById('video');

  // Try AudioContext and fall back to webkitAudioContext if AudioContext isn't available
  var context = new (window.AudioContext || window.webkitAudioContext)();

  // Create an audio node from the video's audio track
  var source = context.createMediaElementSource(video);

  // Create a reverb node to delay the audio
  var reverb = context.createDelay(2);
  reverb.delayTime.value = 2;

  // Connect source node to reverb node
  source.connect(reverb);

  // Connect the reverb node to the destination (output) node
  reverb.connect(context.destination);
</script>

Run

Results:

createDynamicsCompressor() : DynamicsCompressorNode

createGain() : GainNode

createMediaElementSource(mediaElement : HTMLMediaElement) : MediaElementAudioSourceNode

createMediaStreamDestination() : MediaStreamAudioDestinationNode

createMediaStreamSource(mediaStream : MediaStream) : MediaStreamAudioSourceNode

createOscillator() : OscillatorNode

createPanner() : PannerNode

createPeriodicWave(real : Float32Array, imaginary : Float32Array) : PeriodicWave

createScriptProcessor([bufferSize = 0 : Number, [numberOfInputChannels = 2 : Number, [numberOfOutputChannels = 2 : Number]]]) : ScriptProcessorNode

createWaveShaper() : WaveShaperNode

decodeAudioData(audioData : ArrayBuffer, successCallback : Function, [errorCallback : Function]) : undefined

successCallback(decodedData : AudioBuffer) : undefined

errorCallback() : undefined

home license contribute feedback toggle light/dark mode