利用js文件获取视频文件详细信息如帧速率、总比特率等

问题描述：上传的视频文件有些在苹果手机上无法播放，需要要获取详细信息以判断是受哪些关键属性影响的。然而普通的方法没法获取全部的详细信息。
解决方法：引入mediainfo.js，这个js插件可以获取到全部的详细信息。其官方demo演示地址：https://mediainfo.js.org/
GitHub地址：https://github.com/buzz/mediainfo.js
官方例子：

const fileinput = document.getElementById('fileinput')
const output = document.getElementById('output')const onChangeFile = (mediainfo) => {const file = fileinput.files[0]if (file) {output.value = 'Working…'const getSize = () => file.sizeconst readChunk = (chunkSize, offset) =>new Promise((resolve, reject) => {const reader = new FileReader()reader.onload = (event) => {if (event.target.error) {reject(event.target.error)}resolve(new Uint8Array(event.target.result))}reader.readAsArrayBuffer(file.slice(offset, offset + chunkSize))})mediainfo.analyzeData(getSize, readChunk).then((result) => {output.value = result}).catch((error) => {output.value = `An error occured:\n${error.stack}`})}
}MediaInfo({ format: 'text' }, (mediainfo) => {fileinput.addEventListener('change', () => onChangeFile(mediainfo))
})

浏览器引入方式：

<script type="text/javascript" src="https://unpkg.com/mediainfo.js/dist/mediainfo.min.js"></script>

或者把mediainfo.min.js下载之后上传到自己服务器的地址。

经测试这个插件还是非常好用的。

利用js文件获取视频文件详细信息如帧速率、总比特率等相关推荐

SSM根据上传文件获取视频文件时长
一.编写前端上传文件代码 <html> <head><title>file upload</title> </head> <body& ...
java 将avi视频转换为mp4格式并获取视频文件信息
引入jar包 <dependency>&l ...
json字段顺序读取 python_如何利用Python批量读取视频文件的时间长度？
本期的主题是利用Python来实现对视频文件时间长度的读取. 在学习编程语言时,相比较于通过书本来学习知识,我更喜欢通过观看学习视频的方式来进行学习,通过主讲老师的讲解,我能很直观且快速的了解一些知识 ...
C# 获取视频文件播放时长
以前是用xp (32位)系统,获取视频文件长度是通过调用Shell32.dll来读取文件信息得到的,最近换win7(32位)系统,编译以前的项目代码发现无法读取了,代码没有改动,拿到在xp下运行也不行 ...
利用Python+opencv进行视频文件的读取和保存，打开笔记本摄像头拍照保存、图像在窗口显示等操作
版权声明:本文为博主原创文章,转载请附源链接一.视频文件的读取和保存 Opencv中视频的读入是用VideoCapture函数,保存用的是VideoWriter函数.这两个函数支持的视频格式因电脑系 ...
python读取pdf文档书签 bookmark_Python利用PyPDF2库获取PDF文件总页码实例
Python中可以利用PyPDF2库来获取该pdf文件的总页码,可以根据下面的方法一步步进行下去: 1.首先,要安装PyPDF2库,利用以下命令即可: pip install PyPDF2 2.接着, ...
Linux 命令之 ll -- 列出当前文件或目录的详细信息
文章目录命令介绍常用选项参考示例 (一)查看当前目录下所有文件的详细信息,且按创建时间排序 (二)按时间倒序,分页排列文件 (三)查看某个目录的详细信息 (四)查看某个文件的详细信息 (五)查看 ...
python读取扫描形成的pdf_Python利用PyPDF2库获取PDF文件总页码实例
Python中可以利用PyPDF2库来获取该pdf文件的总页码,可以根据下面的方法一步步进行下去: 1.首先,要安装PyPDF2库,利用以下命令即可: pip install PyPDF2 2.接着, ...
js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=' ...
怎么把计算机中更改你的视图,如何修改电脑中文件或文件夹显示的详细信息选项...
‍ 如果我们在电脑中查看文件的视图为"详细信息",那么,除了可以看到文件名称外,还能直接查看修改日期.类型.大小等信息.但是并没有包括所有的详细信息项目,如果想要直观地查看到其他信 ...

利用js文件获取视频文件详细信息如帧速率、总比特率等

利用js文件获取视频文件详细信息如帧速率、总比特率等相关推荐

最新文章

热门文章

利用js文件获取视频文件详细信息 如帧速率、总比特率等

利用js文件获取视频文件详细信息 如帧速率、总比特率等相关推荐

最新文章

热门文章

利用js文件获取视频文件详细信息如帧速率、总比特率等

利用js文件获取视频文件详细信息如帧速率、总比特率等相关推荐