html audio tag, duration always infinity

Question

I've been working on using the html audio tag to play some audio files. The audio plays alright, but the duration property og the audio tag is always returning infinity.

I tried the accepted answer to this question but with the same result. Tested with Chrome, IE and Firefox.

Is this a bug with the audio tag, or am i missing something.

Some of the code i'm using to play the audio files.

javascript function when playbutton is pressed

function playPlayerV2(src) {
document.getElementById("audioplayerV2").addEventListener("loadedmetadata", function      (_event) {
console.log(player.duration);
});
var player = document.getElementById("audioplayer");

    player.src = "source";
    player.load();
    player.play();
}

the audio tag in html

<audio controls="true" id="audioplayerV2" style="display: none;" preload="auto">

note: i'm hiding the standard audio player with the intend of using custom layout and make use of the player via javascript, this does not seem to be related to my problem.

Answer 1

try this

var getDuration = function (url, next) {
    var _player = new Audio(url);
    _player.addEventListener("durationchange", function (e) {
        if (this.duration!=Infinity) {
           var duration = this.duration
           _player.remove();
           next(duration);
        };
    }, false);      
    _player.load();
    _player.currentTime = 24*60*60; //fake big time
    _player.volume = 0;
    _player.play();
    //waiting...
};

getDuration ('/path/to/audio/file', function (duration) {
    console.log(duration);
});