mediainfo.js获取视频详细信息，js获取视频帧数

最新推荐文章于 2025-10-10 01:51:08 发布

原创

最新推荐文章于 2025-10-10 01:51:08 发布 · 8.7k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#获取视频帧数 #mediainfo获取视频信息

本文介绍了一种通过mediainfo.js库获取上传视频帧率及总时长的方法，并演示了如何计算视频的总帧数。

需求：上传视频的时候需要知道该视频的帧数等信息，input的file直接读取是不能读取帧数的

方式：通过引入mediainfo.js来获取视频的帧率和视频的总时长，用帧率*时长得出总帧数

栗子：

上面输出格式是 text 我们可以根据需要将格式设为 json 对象，这样就能获取想要的信息了

//这是text 格式
MediaInfo({ format: 'text' }, (mediainfo) => {
  fileinput.addEventListener('change', () => onChangeFile(mediainfo))
})
//可以改为 json 对象格式
MediaInfo({ format: 'object' }, (mediainfo) => {
  fileinput.addEventListener('change', () => onChangeFile(mediainfo))
})

然后在 get_file_info 方法中将需要的信息获取出来使用就可以了

function get_file_info(mediainfo, file) {
  let getSize = () => file.size
  let readChunk = (chunkSize, offset) =>
    new Promise((resolve, reject) => {
      let reader = new FileReader()
      reader.onload = (event) => {
        if (event.target.error) {