当前位置: 首页 > news >正文

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

安装

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:

在这里插入图片描述

响应视频信息

在这里插入图片描述

http://www.lryc.cn/news/418504.html

相关文章:

  • 【区块链+医疗健康】基于区块链的药品类监管应用管理系统 | FISCO BCOS应用案例
  • MySQL4多表查询 内连接
  • Java -数组
  • .prettierrc.js 有什么用
  • haproxy七层代理
  • <数据集>柑橘缺陷识别数据集<目标检测>
  • Go开发后端和Vue3开发前端的前后端分离框架中自己手戳一个OA流程审批、工作流引擎给新时代一个漂亮便捷的工作流引擎
  • 深入理解 toDto 与 toEntity:结合 Eladmin 框架的最佳实践
  • 基于区块链的供应链应用开发
  • 获取GORM执行时的sql字符串
  • Linux系统使用Docker安装RStudio服务并实现任意浏览器远程访问
  • 【原创】springboot+mysql法律咨询网设计与实现
  • Vue 应用实例的关键方法与配置案例二
  • Java面试题--JVM大厂篇之破解 JVM 性能瓶颈:实战优化策略大全
  • Apache Curator 创建节点时,如果节点存储就会抛出异常吗?
  • 【食物链】
  • 【RN】实现markdown文本简单解析
  • webpack plugin
  • 【busybox记录】【shell指令】date
  • 同态加密和SEAL库的介绍(八)性能
  • 华为OD-D卷数的分解
  • rk3588 low_delay_net_display注意事项
  • Spring Boot 快速入门样例【后端 3】
  • Linux云计算 |【第二阶段】NETWORK-DAY2
  • Java面试题(基础篇)③
  • Qt动态调用 - QMetaObject::invokeMethod
  • html+css+js网页设计 星享咖啡6个页面(带js) ui还原度90%
  • docker上传镜像至阿里云
  • POS刷卡开发源码之语音播报-CyberWinApp-SAAS 本地化及未来之窗行业应用跨平台架构
  • jupyter notebook魔法命令