js获取上传视频的时长

最新推荐文章于 2024-07-29 18:09:40 发布

置顶恋念思尔悄悄然

最新推荐文章于 2024-07-29 18:09:40 发布

阅读量2.1w

点赞数 3

分类专栏：我的前端啦

本文链接：https://blog.csdn.net/sdiudui/article/details/80047082

版权

我的前端啦专栏收录该内容

15 篇文章 0 订阅

订阅专栏

今天又给大家发福利了，楼主很辛苦的

小伙伴们肯定遇到本地上传视频要获取其时长，话不多说，楼主给大家写了一个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格式的其他格式不知道，等以后有时间了再研究