如何提取视频文件大小的HTML5

问题描述

我想提取视频文件的大小（以兆字节为单位），如果可以的话，仅灵感就足够了

<video id="myVideo" width="200"  controls>
  <source src="https://www.w3schools.com/JSREF/movie.mp4" type="video/mp4">

</video>



<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myVideo").filesSize;
  document.getElementById("demo").innerHTML = x + "MB";
}
</script>

解决方法

可能是MediaStream Recording API可以完成这项工作（https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API）：

MediaStream Recording API（有时简称为Media Recording API或MediaRecorder API）与Media Capture and Streams API和WebRTC API紧密相关。 MediaStream Recording API使捕获MediaStream或HTMLMediaElement对象生成的数据以进行分析，处理或保存到磁盘成为可能。使用起来也很容易。

有关音频媒体的有效示例（该示例演示了将音频流导出为BLOB），请参见https://stackoverflow.com/a/63763971/4151043。