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

Question

我已经处理这个问题好几个小时了，是时候寻求一点帮助了。

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

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

我正在寻找这个，但寻找视频。应该很简单吧？

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

Answer 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)
})