javascript - 使用 JavaScript/jQuery 在 Chrome 中读取 mp3 文件持续时间

Question

我有一个“浏览器应用程序”，用户应该能够将本地 mp3 文件拖放到 Chrome，并且应该看到一些 mp3 信息(无需将文件上传到服务器)...
到目前为止，我可以成功读取和显示 mp3 标签(使用 JavaScript-ID3-Reader 库)，但我在显示 mp3 的持续时间方面遇到了一些困难。是否可以仅使用 js/jQuery 获取该信息？如果没有，您会推荐什么来解决这个简单的问题？

我用来处理将文件拖放到浏览器的代码如下所示:

function initialize() {
    var target = document;
    if (target === null) {
        return false;
    }

    target.addEventListener('drop', function(event) {
        event.preventDefault();
        var files = event.dataTransfer.files;
        console.log(files);
        for (var i = 0; i < files.length; i++) {
            processFile(files[i]);
            objectURL = window.URL.createObjectURL(files[i]);
            console.log(objectURL);
        }
    }, true);
}

谢谢!

Answer 1

试试这个

var audio = new Audio()
audio.addEventListener("timeupdate", function() {
  console.log(audio.currentTime)
})
audio.addEventListener("canplaythrough", function() {
  console.log(audio.duration)
})

target.on("change", function(e) {
    var file = e.currentTarget.files[0]
    var objectUrl = URL.createObjectURL(file)
    audio.src = objectUrl
    $("#duration").html(audio.duration)
})