Audio auto play

by paska

HTML

<audio id="audioElem"></audio>
<input type="button" value="Start" id="btn" />
<textarea id="txtLog"></textarea>

JavaScript

$(function() {
	var songs = [
  	"https://zumbidos.org/wp-content/uploads/audios/ceatles.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/ceatles.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/ceatles.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/and-i-love-her.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/andres-calamaro.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/charly-garcia.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/fina-estampa.mp3",
  	"https://zumbidos.org/wp-content/uploads/audios/jimi-hendrix.mp3"],
		$audioElem = $("#audioElem"),
    ixSong = 0,
    $txtLog = $("#txtLog");

	$("#btn").on("click", function() {
  	$audioElem.attr("src", songs[ixSong])[0].play();
    $audioElem.on("ended", function() {
    	$txtLog.val($txtLog.val() + "\n Terminó la canción " + ixSong + ". Hora: " + new Date().toString());
      ixSong++;
      if (ixSong >= songs.length) {
      	alert("Fin!");
      	return;
      }
      $audioElem.attr("src", songs[ixSong])[0].play();
    });
  });

});