Offline Media Storage Demo

Did you know that your browser can be used to offline store media, files and other stuff? I just discovered this after seeing that you can download Youtube videos on your browser also.

How does it work?

IndexedDB. That's it. You can store Blob, File, Uint8Array etc in IndexedDB! And the storage is only limited by your disk space!

Show me!!

to store in your browser
Refresh the page
Files in IndexedDB
Usage : Calculating

References

Mozilla Hacks Article : Storing images and files in IndexedDB
idb npm library used to simplify syntax of IndexedDB