angular - 如何使用 ng2-file-upload 检查 Angular 4.3.1 中视频的持续时间？

Question

我正在使用 ng2-file-upload 上传视频，最长上传时间为 15 分钟。那么如何在将其上传到服务器之前获得它的持续时间呢？仅允许使用以下扩展名：- -.MOV -.MPEG4 -.AVI -.FLV -.3FPP -.WebM 和 -.MPEGS。如果有人知道，请回复。

Answer 1

您可以在 Angular 应用程序中包含 vanilla Javascript 来执行此操作。

以下将为您提供持续时间（在 mp4 上测试）：

var inputBox = document.getElementById("videoInput")

inputBox.onchange = function(files)  {
  alert("starting")
  var video = document.createElement('video');
  alert("video created")
  video.preload = 'metadata';
  video.onloadedmetadata = function() {
    alert("metadata loaded")
    var duration = video.duration;
    alert("duration is " + duration)
  }
  var selectedVID = document.getElementById("videoInput").files[0];
  video.src = URL.createObjectURL(selectedVID);
}

<div id="input-upload-file">
  <p>
  Video Upload Duration test
  </p>
  <input id="videoInput" type="file" class="upload" name="fileUpload">
</div>