今天又給大家發福利了,樓主很辛苦的
小夥伴們肯定遇到本地上傳視訊要擷取其時長,話不多說,樓主給大家寫了一個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格式的 其他格式不知道 ,等以後有時間了再研究