Javascript/HTML5: get current time of audio tag

Question

I have an audio tag in my template and I need to show currentTime of it on a button click. Please check my code below:

var myaudio = document.getElementsByTagName("audio")[0];
var cur_time = myaudio.currentTime;
$('#curPosition').val(cur_time);

But it always returns 0 as current time while the audio is playing. Do anybody have any idea on this ?

Thanks

Answer 1

It is a typo. You declare var myaudio and then you use audio.currentTime not myaudio.currentTime

Try:

var myaudio = document.getElementsByTagName("audio")[0];
var cur_time = myaudio.currentTime;//<-----Change here
$('#curPosition').val(cur_time);

DEMO