OfflineAudioContext: complete event

The complete event of the OfflineAudioContext interface is fired when the rendering of an offline audio context is complete.

This event is not cancelable and does not bubble.

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener('complete', event => { });

oncomplete = event => { };

An OfflineAudioCompletionEvent. Inherits from Event.

Also inherits properties from its parent, Event.

OfflineAudioCompletionEvent.renderedBuffer Read only

An AudioBuffer containing the result of processing an OfflineAudioContext.

When processing is complete, you might want to use the oncomplete handler the prompt the user that the audio can now be played, and enable the play button:

let offlineAudioCtx = new OfflineAudioContext();

offlineAudioCtx.addEventListener('complete', () => {
  console.log('Offline audio processing now complete');
  showModalDialog('Song processed and ready to play');
  playBtn.disabled = false;
})

You can also set up the event handler using the oncomplete property:

let offlineAudioCtx = new OfflineAudioContext();

offlineAudioCtx.oncomplete = function() {
  console.log('Offline audio processing now complete');
  showModalDialog('Song processed and ready to play');
  playBtn.disabled = false;
}

• Web Audio API