change to the next song after ended using <audio> - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Audio

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Audio

Description

change to the next song after ended using <audio>

Demo Code

ResultView the demo in separate window 

<html>
   <head></head>
   <body> 
      <audio controls id="au" autoplay="autoplay"> 
         <source src="test.mp3" type="audio/mpeg">
          Your browser does not support this audio format. 
      </audio> 
      <script>
var c=0;/*from w  w  w  . j a va  2s  .  c o  m*/
var songs = ["A.mp3", "B.mp3", "C.mp3"];
var a=document.getElementById("au");
a.addEventListener('ended', function(){
  document.getElementById("au").src=songs[c];
  a.load();
  console.log(c);
  c++;
  if(c>=songs.length){
      c=0;
  }
});

      </script>  
   </body>
</html>

Related Tutorials