Как проверить продолжительность видео в Angular 4.3.1 с помощью ng2-file-upload?

Question

Я использую ng2-file-upload для загрузки видео, и максимальная продолжительность загрузки составляет 15 минут. Так как я могу узнать его продолжительность перед загрузкой на сервер? Эти расширения разрешены только:- -.MOV -.MPEG4 -.AVI -.FLV -.3FPP -.WebM и -.MPEGS. Пожалуйста, ответьте, если кто-нибудь знал это.

Answer 1

Вы можете включить ванильный Javascript в ваше приложение Angular для этого.

Следующее даст вам продолжительность (тест на 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>