天天看點

js擷取上傳視訊的時長

今天又給大家發福利了,樓主很辛苦的

小夥伴們肯定遇到本地上傳視訊要擷取其時長,話不多說,樓主給大家寫了一個demo

<!DOCTYPE html>  
<html>  
	<head>  
	    <meta charset="UTF-8">  
	    <title>js擷取上傳視訊的時長</title>  
	</head>  
	<body>  
	   <video style="display:none;" controls="controls" id="aa" oncanplaythrough="myFunction(this)">
	   	
	   </video>
	   <input type="file" οnchange="changeFile(this)" />
	   <br />
	   <span id="getDuration"></span>
	</body> 
	<script type="text/javascript">  
		function myFunction(ele) {
			var hour = parseInt((ele.duration)/3600);
			var minute = parseInt((ele.duration%3600)/60);
			var second = Math.ceil(ele.duration%60);
			//console.log(Math.floor(ele.duration));
			//document.write("這段視訊的時長為:"+hour+"小時,"+minute+"分,"+second+"秒");
			document.getElementById("getDuration").innerHTML="這段視訊的時長為:"+hour+"小時,"+minute+"分,"+second+"秒";
		}  
	      
		function changeFile(ele){  
		    var video = ele.files[0];  
		    var url = URL.createObjectURL(video);  
		    console.log(url);  
		    document.getElementById("aa").src = url;  
		}  
	</script>  

</html>  
           

小夥伴們  可以直接複制粘貼測試 ,但是樓主好像隻測試了mp4格式的 其他格式不知道 ,等以後有時間了再研究