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>


<div class="Audio_durationTime">
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 minutes = parseInt(audio.duration / 60, 10);
  var seconds = parseInt(audio.duration % 60);

	
	$('.Audio_durationTime').text(minutes + ':' + seconds);
  
  
	
 /////Passed time////
    var mins = Math.floor(audio.currentTime / 60);
    if (mins < 10) {
      mins = '0' + String(mins);
    }
    var secs = Math.floor(audio.currentTime % 60);
    if (secs < 10) {
      secs = '0' + String(secs);
    }

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

});