我如何获得视频比特率与javascript

Question

我想获得视频的比特率，因为后端需要它。

var video = document.createElement('video');
video.preload = 'metadata';
video.src = URL.createObjectURL(document.getElementById('fileUp').files[0]);
window.URL.revokeObjectURL(video.src);
console.log(video.bitrate);

Answer 1

你可以得到视频持续时间，然后简单地将文件大小除以它得到一个近似值(字幕，音频和元数据也将包括在这个值中)，据我所知，没有标准的api直接获得比特率。

示例(credit https://stackoverflow.com/a/67899188/6072029):

<div>
<script>
const getVideoInfos = (file) =>
new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => {
const media = new Audio(reader.result);
media.onloadedmetadata = () => resolve({
duration: media.duration,
file_size: file.size,
bitrate: file.size / media.duration,
});
};
reader.readAsDataURL(file);
reader.onerror = (error) => reject(error);
});
const handleChange = async (e) => {
const infos = await getVideoInfos(e.target.files[0]);
document.querySelector("#infos").innerText = `Infos : ${JSON.stringify(infos, null, 4)}`;
};

</script>
<input type="file" onchange="handleChange(event)" />
<p id="infos">infos: </p>
</div>