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

Question

我已经在这几个小时了，现在是时候寻求一些帮助了。

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

浏览器读取视频元数据以检查预期的帧速率，那么我该如何做呢？我阅读了很多在线内容并没有找到任何有用的东西，但我不相信这是不可行的。

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

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

Answer 1

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

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