Save each ondataavailable blob to disk storage?

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.

[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)

[dengshicheng1996]

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