ng2-file-uploadを使ってAngular 4.3.1でビデオの長さを確認する方法は？

Question

私はビデオのアップロードにng2-file-uploadを使用しています。最大アップロード時間は15分です。では、サーバーにアップロードする直前にどのように期間を取得できますか？これらの拡張子は、 - -.MOV -.MPEG4 -.AVI -.FLV -.3FPP -.WebMおよび-.MPEGSのみです。誰かがそれを知っていれば返信してください。

Answer 1

これを行うには、AngularアプリケーションにバニラのJavascriptを含めることができます。

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>