11

webRTC を使用して FileShare アプリケーションを開発しています。JavaScript/HTML でクライアントを実装したいと考えています。コードはクライアントのブラウザで実行する必要があります。webRTC 経由でダウンロードしたときに保存する必要があります。ファイルは非常に大きくなる可能性があり、ファイルとしてディスクに保存する前に、それらを完全にダウンロードして配列またはブロブに保存することはできません。

ファイルを受信したときにチャンクでファイルを保存できる API はありますか?

これまでにDownloadify、 FileSave.js 、およびhtml5 FileWriterApiを見つけました。最初の 2 つはチャンク化されていないため、保存する前にまず完全なファイルをメモリにダウンロードする必要がありますが、FileWriterAPI はほとんどのブラウザでは利用できません。

4

2 に答える 2

11

@jordan-gray が提案したように、チャンクを BLOB に保存し、それらをより大きな BLOB に結合することは、次の場合に解決策になる可能性があります。

  • チャンクの永続性は必要ありません (つまり、ブラウザを閉じるとすべてのチャンクが削除されます)
  • ファイルは、ユーザーが自分のファイルシステムに保存することによってのみ永続化されます。ユーザーが保存されたファイルへのアクセスを再度許可しない限り、Web アプリケーションはファイルを閉じるとアクセスできなくなります。
  • おそらく、ファイル サイズが大きすぎない場合 (それを確認するには、ベンチマークを実行する必要があります)。Chrome は、合計 1 GB のチャンクで非常にうまく動作していました。

ブロブをチャンクとして使用するための簡単なテストを作成しました。さまざまなサイズとチャンク数のパラメーターをいじることができます。

var chunkSize = 500000;
var totalChunks = 200;
var currentChunk = 0;
var mime = 'application/octet-binary';
var waitBetweenChunks = 50;

var finalBlob = null;
var chunkBlobs =[];

function addChunk() {
    var typedArray = new Int8Array(chunkSize);
    chunkBlobs[currentChunk] = new Blob([typedArray], {type: mime});
    console.log('added chunk', currentChunk);
    currentChunk++;
    if (currentChunk == totalChunks) {
        console.log('all chunks completed');
        finalBlob = new Blob(chunkBlobs, {type: mime});
        document.getElementById('completedFileLink').href = URL.createObjectURL(finalBlob);
    } else {
        window.setTimeout(addChunk, waitBetweenChunks);
    }
}
addChunk();

その永続性がどうしても必要な場合は、W3Cファイル システム APIが必要なものをサポートする必要があります。これを使用してチャンクを個別のファイルに書き込み、すべてのチャンクが完了すると、それらをすべて読み取って単一のファイルに追加し、チャンクを削除できます。

アプリケーションにサンドボックス化されたファイルシステムを (特定のクォータに対して) 割り当てることで機能し、ファイルにはそのアプリケーションのみがアクセスできることに注意してください。ファイルがWebアプリケーションの外部で使用されることを意図している場合、アプリケーションファイルシステムから「通常の」ファイルシステムにファイルを保存するための機能が必要になる場合があります。createObjectURL()メソッドを使用して、そのようなことを行うことができます。

ブラウザ サポートの現在の状態については正しいです。ファイルシステム エミュレーション バックエンドとして、 IndexedDB (より広くサポートされている) に基づくファイルシステム API ポリフィルが利用可能です。大きなファイルでポリフィルをテストしませんでした。サイズの制限やパフォーマンスの制限に遭遇する可能性があります。

于 2013-10-20T00:37:02.447 に答える
3

https://github.com/Peer5/Sharefestをチェックしましたか? それはあなたの要件をカバーする必要があります

于 2013-10-14T08:46:54.653 に答える