Problème Update balise audio

Bonjour tout le monde.
Je débute et j'aurais besoin d'aide sur une question.
J'ai un multiplayer en Html5.
J'ai un script Js, pour gérer tout cela.
Après j'aimerais pouvoir afficher la valeur du temps de la musique et calculé sa poisition actuel.
J'ai voulu essayer avec audio.duration pour le temps des musiques et timeupdate pour la position actuel.

Voici mon code.

$(document).ready(function() {
	var old_audio = null, audio = $('audio')[0],pos = null,durationTotal = null;
	console.log(audio);
    $('li').on('click', function(e) {
		if(old_audio != null){
			 old_audio.pause();
			 old_audio.currentTime=0;
		}
		audio = this.querySelector('audio');
		console.log(audio);
		pos = $(this);
		playPause(audio,pos,old_audio);
		old_audio = audio;
    });
	
 	$('.play').click(function(e){
 		if(!audio.paused){
			$('.play').css("background","url(../img/play.jpg) center center no-repeat");
			audio.pause(); 
		}
		else {
			$('.play').css("background","url(../img/pause.png) center center no-repeat");
			audio.play(); 
		}
 	});

 	$('.next').click(function(e){ 
		old_audio = audio;
		if(old_audio != null){
			 old_audio.pause();
			 old_audio.currentTime=0;
		}
		pos = pos.next('li');
		audio = pos.find('audio')[0];
		playPause(audio,pos,old_audio[0]);
		
 	});

 	$('.before').click(function(e){
 		old_audio = audio;
		if(old_audio != null){
			 old_audio.pause();
			 old_audio.currentTime=0;
		}
		pos = pos.prev('li');
		audio = pos.find('audio')[0];
		playPause(audio,pos,old_audio[0]);
 	});
	
	audio.addEventListener('loadedmetadata', function(){
 	
 	});

		audio.addEventListener("timeupdate",function(){
			alert('toto');
			//var pos_act_sound = audio.currentTime ;
			var audio_src = audio.attr('src');
			console.log(audio);
			console.log(pos_act_sound);
			
		});
});



function playPause(audio,e,old_audio) {
		$('li').removeClass("select_music");
		e.addClass("select_music");
		$('.play').css("background","url(../img/pause.png) center center no-repeat");
		console.log(audio.duration);
		var time = convertTime(audio.duration);
 		$(".durring_time").text(time);
		audio.play(); 
}


function convertTime(time) {
	var minutes = Math.floor(time / 60);
	var seconds = time - minutes * 60;
	seconds = Math.round(seconds,2);
	var hours = Math.floor(time / 3600);
	time = time - hours * 3600;

	if (seconds < 10) {
		seconds = "0"+seconds;
	}
	var time = minutes+"\."+seconds;
	return time;
}

J'ai déjà trouvé un problème.
J'ai mis preload="metadata" dans la balise audio car j'obtenais NaN.