HTML5/JavaScript/jQuery audio playlist

Question

I've got this JavaScript/jquery code:

$(document).ready(function() {
var audioElement = document.createElement('audio');
var secondtrack = 'hangover.ogg';
audioElement.setAttribute('src', 'hangover.ogg');
audioElement.load()
audioElement.addEventListener("load", function() { 
    audioElement.play(); 
}, true);

$('#play').click(function() {
    audioElement.play();
});
$('#pause').click(function() {
    audioElement.pause();
});
});

How could I get another song started after the first ended?

I don't think this deserves this many downvotes. The question is, are there events for the audio element that allow this — Pekka
– Pekka, Commented Sep 7, 2011 at 12:54

tyrondis · Accepted Answer · 2011-09-07 12:56:36Z

2

The AUDIO element should fire a "ended" event though I am not sure how well this is supported at the moment.

So you could try something like that:

audioElement.addEventListener('ended', function () {
    // Play another song
});

See also: http://dev.w3.org/html5/spec/Overview.html#event-media-ended

answered Sep 7, 2011 at 12:56

tyrondis

3,4947 gold badges36 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML5/JavaScript/jQuery audio playlist

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related