前端获取视频文件宽高信息和视频时长

安装

复制代码
yarn add video-metadata-thumbnails  | npm install video-metadata-thumbnails

引入依赖包

复制代码
import { getMetadata } from 'video-metadata-thumbnails'

使用

复制代码
if (file.name.includes('mp4')) {
  if (file) {
    try {
      console.log(file)
      // 获取视频的元数据
      const metadata = await getMetadata(file.raw)
      console.log('视频信息', metadata)
    } catch (error) {
      console.error( error)
    }
  }
}

参数接收值 file.raw:

响应视频信息

相关推荐
RaidenLiu14 分钟前
告别繁琐:用 Signals 优雅处理 Flutter 异步状态
前端·flutter·前端框架
星链引擎17 分钟前
面向API开发者的智能聊天机器人解析
前端
前端Hardy18 分钟前
HTML&CSS&JS:纯前端图片打码神器:自定义强度 + 区域缩放,无需安装
前端·javascript·css
道可到24 分钟前
35 岁程序员的绝地求生计划:你准备好了吗?
前端·后端·面试
道可到34 分钟前
国内最难入职的 IT 公司排行:你敢挑战哪一家?
前端·后端·面试
jnpfsoft35 分钟前
低代码应用菜单避坑指南:新建 / 删除 / 导入全流程,路由重复再也不怕!
前端·低代码
Keepreal49635 分钟前
word文件预览实现
前端·javascript·react.js
郝开35 分钟前
5. React中的组件:组件是什么;React定义组件
前端·javascript·react.js
我是天龙_绍36 分钟前
uniapp 中的 #ifndef 条件编译
前端
white-persist38 分钟前
SQL 注入详解:从原理到实战
前端·网络·数据库·sql·安全·web安全·原型模式