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

1 回答

• 0

  您可以在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>
  

  回复于 2024-05-05T20:33:14+08:00