input 上传视频文件获取视频的时长和本地地址

最新推荐文章于 2022-12-26 21:09:24 发布

zyf13671493506

最新推荐文章于 2022-12-26 21:09:24 发布

阅读量2.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/zyf13671493506/article/details/102584764

版权

前端专栏收录该内容

213 篇文章 0 订阅

订阅专栏

<html> 

<body> 

<input type="file" id="file" onchange="onInputFileChange()"> 

<audio id="audio_id" controls autoplay loop>Your browser can't support HTML5 Audio</audio> 

<script> 

function onInputFileChange() { 

var file = document.getElementById('file').files[0]; 

var url = URL.createObjectURL(file); 

console.log(url); 

 var videos =document.getElementById("audio_id")

 videos.src = url; 

 setTimeout(function(){

 if(videos.readyState>0){

  var minutes = parseInt(videos.duration / 60, 10);

  var seconds = videos.duration % 60;

 

  console.log(minutes)

  alert(seconds)

 

 }

},500)

 

 

}