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

时间:2023-01-29
本文介绍了JavaScript - 读取视频文件的元数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

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

I've been at this for hours, it's time to ask for a little help.

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

I need to know the frame rate of a video on load in JavaScript/HTML and I'm trying to avoid VLC plug-in or ffmpeg.

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

The browser reads the video metadata to check the intended frame rate, so how can I do this as well? I read a lot of online things and didn't find anything useful but I can't believe that this is unfeasible.

我正在寻找 这个 但对于视频.应该很简单吧?

I'm looking for this but for videos. Should be simple, right?

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

Note: I'm building a desktop app with Electron so file access isn't a problem.

推荐答案

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

You can create a video element with src attribute pointing to a link or local file/blob

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

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

Add onloadeddata event listener to the element and in the callback you'll have access to the video metadata.

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

这篇关于JavaScript - 读取视频文件的元数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:npm start 不启动浏览器窗口 下一篇:自定义字体未在 Electron + Vue App 上显示

相关文章

最新文章