javascript - 媒体流录制存储在哪里？

Question

我正在使用 Mediastream Recording 和 GetUserMedia 从用户的网络摄像头录制音频和视频。我找不到临时视频的存储位置。我想知道，检测录制大量内容时是否会出现存储问题，或者是否会以某种方式存储在本地。

谢谢您的建议。

Answer 1

就像您的网页将处理的任何数据一样，它本身并不存储，只是为一些实时内存分配了数据。

从 Web API 中，您无法知道有多少内存可用，但由于您必须存储从 MediaRecorder.ondataavailable 事件获取的 block ，因此您可能知道正在使用多少数据:

const canvas = document.createElement('canvas');
canvas.getContext('2d').fillRect(0,0,1,1);
const stream = canvas.captureStream(30);
const chunks = [];
const recorder = new MediaRecorder(stream);
recorder.ondataavailable = e => {
  chunks.push(e.data);
  updateCounts();
};
recorder.start(10);

function updateCounts(){
  _log.textContent = chunks.map(blob=>blob.size).reduce((sum, size)=>sum+size) + ' bytes';
}

<pre id="_log"></pre>