使用 jQuery 的 HTML5 音频持续时间

Question

我正在尝试使用 jQuery 获取音频持续时间，但很难获取它。我使用的方法定义如下

var audioElement = document.createElement('audio');            
        audioElement.setAttribute('src','song.mp3');            
           audioElement.play();
           var duration = audioElement.duration;
               $(".songtime").html(duration);

但是它说 nan 有人知道如何解决这个问题吗？

Answer 1

由于音频还没有加载，您需要等到您的元素加载了元数据，有一种简单的方法可以做到这一点:

audioElement.addEventListener("loadedmetadata", function(_event) {
    var duration = audioElement.duration;
    //TODO whatever
});