Audio custom buttons

by Pranab Dey

HTML

<audio class="audio" controls src="https://www.w3schools.com/html/horse.ogg"></audio>

<button class="play">Play</button>
<!-- <button>Pause</button> -->
<button class="stop">Stop</button>

JavaScript

var audio = document.querySelector(".audio"),
  play = document.querySelector(".play"),
  stop = document.querySelector(".stop");
play.addEventListener("click", function() {
  if (audio.paused) {
    audio.play();
    play.innerHTML = "Pause";
  } else {
    audio.pause();
    play.innerHTML = "Play";
  }
  setTimeout(function(){
if((audio.currentTime).toFixed(2)===(audio.duration).toFixed(2)){
	play.innerHTML = "Play Again";
}
else{
console.log(audio.currentTime);
console.log(audio.duration);
}
}, audio.duration*1200);

});


//alert(Math.abs(audio.duration).toFixed(2));