Offline First Drum Machine
A browser-based drum machine that goes offline without dropping a beat
So here it is:
You can try it yourself!
How does it work?
First there are samples of the drum sounds as WAV files. Then we have a web page that allows the user to edit the timeline of each sound — 32 placeholder checkboxes which are ticked to make a sound and unticked to stay silent.
sequence object defines when the instruments play, the
bpm is how fast the loop is played (in beats per minute) and
sequenceLength limits how many notes make up the sequence.
Your precious compositions can be saved in your web browser using a PouchDB database.
How is it Offline First?
Offline First websites not only allow your users to interact with your website with patchy or non-existent service, they also improve performance under even the best network conditions by retrieving assets from local cache super fast.
And for your listening pleasure, Drummer in action: