HTML5 Audio Load Event?

Question

Is there a load event that fires when an audio has finished loading? I am creating an audio element like so.

var myAudio = new Audio("mySound.mp3");
myAudio.load();

Tried adding an eventListener like so but it does not seem to fire.

myAudio.addEventListener("load",soundLoaded,false);

Answer 1

It sounds like you want the "canplaythrough" event. This fires when the browser thinks it can play the whole audio file without stopping.

Try:

myAudio.addEventListener('canplaythrough', soundLoaded, false);

There are 7 events that fire in this order when an audio file is loaded:

1. loadstart
2. durationchange
3. loadedmetadata
4. loadeddata
5. progress
6. canplay
7. canplaythrough

Please note this is not supported in Internet Explorer versions before 9.