HTML5 Audio Test - Simple

simple example

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

    <h1>Audio Test</h1>
    <p>Simple example</p>
	<div>
		<audio id="audio" src="http://www.sousound.com/music/healing/healing_01.mp3" preload="auto"  ></audio>
		<button id="play">Play</button>
		<button id="stop">Stop</button>
	</div>

<div class="Audio_passedTime">
00:00
</div>

JavaScript

var playBtn = document.getElementById('play');
var stopBtn = document.getElementById('stop');

var playSound = function() {
	audio.play();
};

playBtn.addEventListener('click', playSound, false);
stopBtn.addEventListener('click', function(){audio.pause()}, false);


$(audio).bind('timeupdate', function(){
    var percent = audio.currentTime/ audio.duration * 100;
	
 /////Passed time////
	  var mins = Math.floor(audio.currentTime / 60);
      var secs = Math.floor(audio.currentTime % 60);
      if (secs < 10) {
        secs = '0' + String(secs);
      }

	$('.Audio_passedTime').text(mins + ':' + secs);
	
	

});