Save each ondataavailable blob to disk storage?

[trackedsupport]

I am trying to save the blobs from the ondataavailable callback to local disk storage (indexeddb) so then I can later grab and upload.

ondataavailable: function(blob) {
      RecordRTC.writeToDisk({video: blob});
}

So then I can later retrieve and update to the server (hopefully looping over the blobs)...

DiskStorage.Fetch('video', function(dataURL) {
      upload(dataURL)
});

Is there a way to do this? It looks like you can only store the complete blob and retrieve only that.

[germanoroettgers]

I have exactly the same question. I need to sync the recording with the indexDb to later upload it to the server. So even if the user closes the app window the recording will not be lost

[dinceremre]

I have exactly the same question. I need to sync the recording with the indexDb to later upload it to the server. So even if the user closes the app window the recording will not be lost

Hi , any progress so far? stuck with the same issue. regards

[trackedsupport]

I ended up making my own solution.

[dengshicheng1996]

I ended up making my own solution. Could you please provide a simple demo for me to learn

[trackedsupport]

I used https://dexie.org/. Something like this should work.

var db = new Dexie("Recordings");
db.version(1).stores({  blobs: "++id" });
recorder = new MediaRecorder(media_stream);
recorder.ondataavailable = function(e) { db.blobs.put({ blob_data: e.data }) }
recorder.start(5000)