JavaScript - 读取视频文件的元数据答案

【问题标题】：JavaScript - Read metadata of video fileJavaScript - 读取视频文件的元数据
【发布时间】：2017-04-20 04:53:29
【问题描述】：

我已经在这工作了好几个小时了，是时候寻求一点帮助了。

我需要知道在 JavaScript/HTML 中加载视频的帧速率，并且我试图避免使用 VLC 插件或 ffmpeg。

浏览器读取视频元数据以检查预期的帧速率，那么我该怎么做呢？我在网上看了很多东西，没有发现任何有用的东西，但我不敢相信这是不可行的。

我正在寻找this，但寻找的是视频。应该很简单吧？

注意：我正在使用 Electron 构建桌面应用程序，因此文件访问不是问题。

【问题讨论】：

【解决方案1】：

您可以创建一个 src 属性指向链接或本地文件/blob 的视频元素

let video = document.createElement('video')
video.setAttribute('src', window.URL.createObjectURL(file))

为元素添加 onloadeddata 事件监听器，在回调中您将可以访问视频元数据。

video.onloadeddata = function(event) {
  const {
    videoHeight,
    videoWidth,
    duration
  } = event.srcElement
  console.log(videoHeight)
})

【讨论】：