如何提取视频文件大小 HTML5

Posted 2023-03-07

【中文标题】如何提取视频文件大小 HTML5

【英文标题】：How to extract video file size HTML5

【发布时间】：2020-09-10 08:59:22

【问题描述】：

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

<video id="myVideo"   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>

【参考方案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://***.com/a/63763971/4151043。