如何提取视频文件大小 HTML5

【问题标题】：How to extract video file size HTML5如何提取视频文件大小 HTML5
【发布时间】：2020-09-10 08:59:22
【问题描述】：

我想提取视频文件的大小，单位是兆，如果有办法，只要灵感就够了

<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>

【问题讨论】：

标签： javascript html video size filesize

【解决方案1】：

可能是 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。

【讨论】：