html5drummachine

It’s finally happened.

The 808 is now a tab in your browser.

And it’s brought friends. Sure, they’re called “hip hop, house, electro, techno, and acoustic” but – you’re not fooling anyone. (Least of all because some of those genres use the other machines.) That’s an acoustic kit, plus the Roland TR-808 and TR-909, Elektron Machinedrum, and Roger Linn’s Linndrum.

This isn’t the first time we’ve seen drum machines emulated in a browser. But coding for the rich Web, and browsers in general, have each gotten a lot better, so the experience has improved. And, crucially, this isn’t just a time waster. You can export loops as WAV files.

Or, edit — this is a time waster for your employer, if you have a day job. It’s just an investment for your life as a producer. I do hope people make actual music with this.

Apparently, this is just the first of more things to come. There’s absolutely no information from the creators – like who they are, for instance, so do chime in. But he/she/them/it/the Collective/some entity want us know that more fun stuff is coming soon if you like their page. So there you have it, Like them or the terrorists win.

Clap your drum machines, say yeah.

http://html5drummachine.com/

https://www.facebook.com/html5drummachine

Update: Yes, the man with the plan is none other than Jamie Thomson of the UK (thanks for the tip-off on that, Charles!)

  • -M@

    About 6 years ago AudioTool was doing something similar but their service is waaaay more robust and has a lot more than 5 machines.
    http://www.audiotool.com/

    • Albert

      interesting app, lots of options.

    • audiotool is nice but it’s flash , a technology that nobody wants to use, this drum machine is built with javascript and html 5 which is used in many websites, mobile devices, etc… i can’t wait to see future developments with this sort of stuff.

      • About four years ago, I developed a Boss DR-110 clone (roughly) using HTML5 and Javascript as a response to the increasing wave of people saying HTML5 was better than Flash. http://www.bitrotten.com/dr110 My main argument against that was, at the time, Audiotool, but I thought it best to put my money where my mouth was. “A technology nobody wants to use” is still not a true statement even today. It was a fantastic tool that happened to have a low enough barrier to entry that it allowed people to release crap software with it.

        I still believe that killing off Flash sent the web back a decade, and I think that html5drummachine.com is a pretty good illustration of that. On the bright side, it’s inspired me to reapproach my DR-110 emulator. Javascript’s timing is still terrrrrible, and something in the intervening four years has broken my hihat cutoff code, but I’d also like to make a Canvas option instead of relying on just CSS. There are MIDI libraries for Javascript now, and exporting patterns from the DR-110 as MIDI should be super easy. Not particularly useful, but a nice proof of concept, that presumably no one will notice, and four years down the road, webmididrummachine.com will get a bunch of fanfare for :p

  • -M@

    About 6 years ago AudioTool was doing something similar but their service is waaaay more robust and has a lot more than 5 machines.
    http://www.audiotool.com/

    • Albert

      interesting app, lots of options.

    • audiotool is nice but it’s flash , a technology that nobody wants to use, this drum machine is built with javascript and html 5 which is used in many websites, mobile devices, etc… i can’t wait to see future developments with this sort of stuff.

      • About four years ago, I developed a Boss DR-110 clone (roughly) using HTML5 and Javascript as a response to the increasing wave of people saying HTML5 was better than Flash. http://www.bitrotten.com/dr110 My main argument against that was, at the time, Audiotool, but I thought it best to put my money where my mouth was. “A technology nobody wants to use” is still not a true statement even today. It was a fantastic tool that happened to have a low enough barrier to entry that it allowed people to release crap software with it.

        I still believe that killing off Flash sent the web back a decade, and I think that html5drummachine.com is a pretty good illustration of that. On the bright side, it’s inspired me to reapproach my DR-110 emulator. Javascript’s timing is still terrrrrible, and something in the intervening four years has broken my hihat cutoff code, but I’d also like to make a Canvas option instead of relying on just CSS. There are MIDI libraries for Javascript now, and exporting patterns from the DR-110 as MIDI should be super easy. Not particularly useful, but a nice proof of concept, that presumably no one will notice, and four years down the road, webmididrummachine.com will get a bunch of fanfare for :p

  • -M@

    About 6 years ago AudioTool was doing something similar but their service is waaaay more robust and has a lot more than 5 machines.
    http://www.audiotool.com/

    • Albert

      interesting app, lots of options.

    • audiotool is nice but it’s flash , a technology that nobody wants to use, this drum machine is built with javascript and html 5 which is used in many websites, mobile devices, etc… i can’t wait to see future developments with this sort of stuff.

      • About four years ago, I developed a Boss DR-110 clone (roughly) using HTML5 and Javascript as a response to the increasing wave of people saying HTML5 was better than Flash. http://www.bitrotten.com/dr110 My main argument against that was, at the time, Audiotool, but I thought it best to put my money where my mouth was. “A technology nobody wants to use” is still not a true statement even today. It was a fantastic tool that happened to have a low enough barrier to entry that it allowed people to release crap software with it.

        I still believe that killing off Flash sent the web back a decade, and I think that html5drummachine.com is a pretty good illustration of that. On the bright side, it’s inspired me to reapproach my DR-110 emulator. Javascript’s timing is still terrrrrible, and something in the intervening four years has broken my hihat cutoff code, but I’d also like to make a Canvas option instead of relying on just CSS. There are MIDI libraries for Javascript now, and exporting patterns from the DR-110 as MIDI should be super easy. Not particularly useful, but a nice proof of concept, that presumably no one will notice, and four years down the road, webmididrummachine.com will get a bunch of fanfare for :p

  • Mr F

    I’ve just got to say that’s the best article title of all time.

  • Mr F

    I’ve just got to say that’s the best article title of all time.

  • Mr F

    I’ve just got to say that’s the best article title of all time.