HTML5 audio

[LLLLLLL]

I've created an HTML5 audio player. Very basic (which is what I want)... it's a single play button that changes to a "pause" button once you've started playing, done through JavaScript. What I want to happen is that when the audio file reaches the end, the "play" button displays again.

 

Is there some event that fires when the audio is complete? I've been to all the related forums and can't find any information. This stuff is not well documented yet.

 

Or if you have a better solution altogether, I'm up for that as well.

[LLLLLLL]

Tried lots of terms, and it seems "ended" is the trick:

 

document.getElementById('audio-player3').addEventListener('ended', function(){

                        // change the image back.

    }, false);