保存巨大的文件

Saving Huge Files

本文关键字：文件 巨大 保存      更新时间：2023-09-26

我需要在JS中保存一个未知大小的文件，可能有多个GB。数据源是使用mediarecorder捕获的媒体流。

在Chrome中，这可以通过使用文件系统和filewriter api和filesystem:url来实现，方法是在收到blob块时将其写入文件条目，然后设置文件url的下载链接。

然而，我在Firefox或Edge中找不到这样做的方法（无论何时它获得mediarecorder）。

这在Firefox中适用：

navigator.mediaDevices.getUserMedia({ video: true })
  .then(stream => record(stream, 5000)
    .then(recording => {
      stop(stream);
      video.src = link.href = URL.createObjectURL(new Blob(recording));
      link.download = "recording.webm";
      link.innerHTML = "Download blob";
      log("Playing "+ recording[0].type +" recording.");
    })
    .catch(log).then(() => stop(stream)))
  .catch(log);
var record = (stream, ms) => {
  var rec = new MediaRecorder(stream), data = [];
  rec.ondataavailable = e => data.push(e.data);
  rec.start();
  log(rec.state + " for "+ (ms / 1000) +" seconds...");
  var stopped = new Promise((r, e) => (rec.onstop = r, rec.onerror = e));
  return Promise.all([stopped, wait(ms).then(() => rec.stop())])
    .then(() => data);
};
var stop = stream => stream.getTracks().forEach(track => track.stop());
var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var log = msg => div.innerHTML += "<br>" + msg;
<video id="video" height="120" width="160" autoplay></video>
<a id="link"></a><br>
<div id="div"></div>

用户仍然需要单击下载链接。我还没有试验过这个文件能有多大。

相关文章：