html5 audio api

[Grever]

<script>
$(document).ready(function(){
		$("#play-bt").click(function(){
			$("#audio-player")[0].play();
		})
 
		$("#pause-bt").click(function(){
			$("#audio-player")[0].pause();
		})
 
		$("#stop-bt").click(function(){
			$("#audio-player")[0].pause();
			$("#audio-player")[0].currentTime = 0;
		}
		
		)
	})

</script>

<audio id="audio-player" name="audio-player" src="an.mp3" ></audio>
<div id="message"></div>
<a id="play-bt" href="#">Play music</a> | 
<a id="pause-bt" href="#">Pause music</a> | 
<a id="stop-bt" href="#">Stop music</a>
<span id="duration"></span>

не пойму как в

<span></span>

вставить длительность и сам прогресс песни....кто знает помогите пожалуйста.

[lord2kim]

<script>
$(document).ready(function(){
		$("#play-bt").click(function(){
			$("#audio-player")[0].play();
		})
 
		$("#pause-bt").click(function(){
			$("#audio-player")[0].pause();
		})
 
		$("#stop-bt").click(function(){
			$("#audio-player")[0].pause();
			$("#audio-player")[0].currentTime = 0;
		}
		
		)
	})

</script>

var audio = document.getElementById("audio-player");
audio.addEventListener("timeupdate", function() {
     var duration = document.getElementById('duration');
     var s = parseInt(audio.currentTime % 60);
     var m = parseInt((audio.currentTime / 60) % 60);
     duration.innerHTML = m + '.' + s + 'sec';
 }, false);

[Grever]

var audio = document.getElementById("audio-player");
audio.addEventListener("timeupdate", function() {
     var duration = document.getElementById('duration');
     var s = parseInt(audio.currentTime % 60);
     var m = parseInt((audio.currentTime / 60) % 60);
     duration.innerHTML = m + '.' + s + 'sec';
 }, false);

маленько не так как я хотел но все равно спасибо.

можно ли это сделать через

$("#duration")

?