前言:
我们在上传视频需要视频的帧数等信息的时候,上传组件无法直接读取帧数等信息
方法:通过mediainfo.js来获取视频的帧率、总帧数和视频的总时长
mediainfo.js地址,想详细了解的可以去看看
git地址:https://github.com/buzz/mediainfo.js
预览地址:mediainfo.js
解决方案:
1、通过npm:
1.1、运行以下命令:
npm install mediainfo.js
官网没有关于vue的示例,但是有react+vite的示例,这里我是用vite配置
1.2、npm安装好插件后,在vite.config.ts 文件中配置下方代码
这里需要安装一个vite-plugin-static-copy
的vite插件
npm install vite-plugin-static-copy --save