iOS HTML5音频持续时间显示“0”

Question

我遇到了在iOS中显示HTML5音频持续时间的问题。而不是显示它显示的持续时间＆＃34; 0＆＃34;。问题出现在iOS上的Chrome和Safari中，但它在我桌面上的所有浏览器中都能正常运行。

var audio = new Audio();
audio.src = "audio/shady.mp3";
audio.addEventListener('loadedmetadata', function() {
    $('.time span').html(readableDuration(audio.duration));
});

function readableDuration(seconds) {
    sec = Math.floor( seconds );    
    min = Math.floor( sec / 60 );
    min = min >= 10 ? min : '0' + min;    
    sec = Math.floor( sec % 60 );
    sec = sec >= 10 ? sec : '0' + sec;    
    return min + ':' + sec;
}

HTML：

<div class="time"><strong>Audio</strong> (<span></span>)</div>

我尝试过很多东西，似乎没什么用。有什么想法吗？