选择本地视频时获取视频分辨率和时长

Posted zhangrenjie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了选择本地视频时获取视频分辨率和时长相关的知识,希望对你有一定的参考价值。

< video style = "display:none;" controls = "controls" id = "aa" > </video> 
<input type = "file" onchange = "changeFile(this)" >
<script>
  function myFunction(ele) {
    //视频时长  单位秒
    alert(Math.floor(ele.duration))
  }
  document.querySelector(‘#aa‘).addEventListener(‘canplaythrough‘, (ret) => {
    if (ret.path && ret.path[0].duration) {
      console.log(ret.path[0].duration)
    } else if (ret.target && ret.target.duration) {
      console.log(ret.target.duration)
    }
  })
function changeFile(ele) {
  var video = ele.files[0];
  var url = URL.createObjectURL(video);
  console.log(url);
  document.getElementById("aa").src = url;
</script>

以上是关于选择本地视频时获取视频分辨率和时长的主要内容,如果未能解决你的问题,请参考以下文章

查找远程媒体文件的视频分辨率和视频时长

解析视频分辨率和时长

解析视频分辨率和时长

[FFMPEG-CLI]合并不同分辨率/帧率视频注意事项-出现合并后时长问题

如何在上传之前获取 html 文件输入的视频分辨率?

获取视频文件格式信息的工具和方法