上传前验证音频文件的持续时间

Question

是否可以在上传之前检查音频文件的持续时间，类似于下面示例中的 file.size 方式？

handleSubmit = async event =>
event.preventDefault();

if (this.file && this.file.size > config.MAX_ATTACHMENT_SIZE) {
  alert("Please pick a file smaller than" + config.MAX_ATTACHMENT_SIZE);
    return;
}

Answer 1

如果我们谈论的是浏览器，是的。您可以在您的file 上使用URL.createObjectURL()，将其用作您创建的<audio> 元素的src，等待该元素的canplaythrough 事件，然后读取duration 属性。

事实上，该代码可在我最近的回答here 中找到（并在下面转载）；它应该很容易集成到您的代码中。

function computeLength(file) {
  return new Promise((resolve) => {
    var objectURL = URL.createObjectURL(file);
    var mySound = new Audio([objectURL]);
    mySound.addEventListener(
      "canplaythrough",
      () => {
        URL.revokeObjectURL(objectURL);
        resolve({
          file,
          duration: mySound.duration
        });
      },
      false,
    );
  });  
}