Typedrummer(typedrummer.com)
typedrummer.com
Typedrummer
http://typedrummer.com
136 comments
http://typedrummer.com/6haxm2
Firefox wanted to correct the spelling of some words. I let it do it for once.
http://typedrummer.com/zbkrw0
http://typedrummer.com/zbkrw0
Sounds pretty sweet!
you killed it.
Creator here— Thanks for checking it out everybody! I promise I'm collecting a list of all the great feature requests I've been seeing.
There's a ton of awesome stuff happening in WebAudio right now. If you want more, check out http://audiocrawl.co
There's a ton of awesome stuff happening in WebAudio right now. If you want more, check out http://audiocrawl.co
Ability to stack beats would be sweet!
Put it on github - I'd love submitting a few pull requests.
You're about to disrupt Roland business. Brace yourself.
Well, those are major words... IMO it won't be that easy or soon. Roland, Moog, NI, Steinberg, etc, are light years ahead of web audio. The web audio API direction is good and really promising tho.
I'm really excited about a combo of Node/websockets (real-time), NW.js/Electron (GUI), Emscripten/ASM.js (reusing audio libs) and Web Audio API. Amazing things can come out of this.
I'm really excited about a combo of Node/websockets (real-time), NW.js/Electron (GUI), Emscripten/ASM.js (reusing audio libs) and Web Audio API. Amazing things can come out of this.
Here's my best guess:
a: click with a slight rattle, like rattan brushes
b: closed hihat
c: distored synth bass with rattle, like tambourine
d: distored synth bass higher pitch and muted
e: muted synth bass
f: sizzle ride hit like crash
g: maracas
h: muted maracas
i: afuche-cabasa
j: synth snare
k: deeper snare
l: castanets
m/n: tap on closed hihat - maybe striking the hardware?
o: booming tonal bass
p: half muted tonal bass
q: muted bass
r: very muted, blockish bass
s: synth splash
t: agogo bell
u: guiro upstroke
v: guiro downstroke
w: tamborine
x: snare
y: synth snare
z: concert bass
non-alpha: rest
(): beat = 1/3 - note: triplets will begin on the letter before the first open paren, it modifies the space before, not after, each note.
The parens don't quite line up with how triplets are usually notated. This effectively prevents you from ending the composition with a triplet that loops properly.
You can hear it weird here: http://typedrummer.com/53d811
vs. without the triplets at the end, only in the middle, so less broken sounding: http://typedrummer.com/4x2977
EDIT: Ok, workaround: just put the first character in parens - http://typedrummer.com/hoxj64
You can hear it weird here: http://typedrummer.com/53d811
vs. without the triplets at the end, only in the middle, so less broken sounding: http://typedrummer.com/4x2977
EDIT: Ok, workaround: just put the first character in parens - http://typedrummer.com/hoxj64
Let's go meta with that:
http://typedrummer.com/c8094s.
Quick tip/Easter egg. Wrapping the text in parenthesis allows you to do triplets.
For those who recall that "piano thing" that was also on hn a while back and don't want to go trough the hassle of remembering the exact name or searching it: http://touchpianist.com/
Absolutely different from this, but also fun!
Absolutely different from this, but also fun!
I call this one "The Master".
http://typedrummer.com/901ci8
http://typedrummer.com/901ci8
Slight variation - http://typedrummer.com/0r4ki5
I see a smiley and something else in there
Variant from later in the story: http://typedrummer.com/tubs9r
And now I am humming the rest of the melody, and loading up Netflix. You have ruined my entire day of productivity. It is 10:17 am. Godspeed, you glorious bastard.
For those downvoting me, parent is a Doctor Who reference: the Master is a character on the show obsessed with that specific beat (which any further explanation would be spoilertastic).
I guess the natural consequence is to share your code as a beat audio download and reverse engineer from there, no?
This is a lot of fun and quite creative. Turning text into a beat is awesome - I have often thought about listening to a for loop, now you can!
Grizzly engineers from the 70s told me of a way to use a radio to detect stuck code. Tune it to the computer's clock and if it started to make a constant pattern, you had a bug!
This also works with a Commodore 64 on RF if you crank the sound on the TV
by John Cage
illuminati confirmed
OK so basically we have 26 sounds (http://typedrummer.com/audio/[a-z].mp3), an accel marker '(' (only 1 scale?), and a decelerator ')' (only 1 scale?). Anything else?
And since everyone feels like sharing his own crap, I'm doing it as well http://typedrummer.com/j5c05o
Edit: it's funny how Firefox (37) gets completely insane when it hasn't the focus on the tab anymore
And since everyone feels like sharing his own crap, I'm doing it as well http://typedrummer.com/j5c05o
Edit: it's funny how Firefox (37) gets completely insane when it hasn't the focus on the tab anymore
In Chrome too, it is due to the JS engine working slowly when the focus is not on the tab anymore.
To get around that issue he needs to wrap the setInterval function in a Web Worker, so the thread runs independently of the tab.
Small bug I found - the timing gets messed up whenever the typedrummer tab is running in the background
Not really a bug, Chrome heavily throttles timers in background tabs to save the user's juice. All you can really do is suspend the sequence until the tab returns to foreground.
[deleted]
What a great toy. Wish there was a way to feed it text from the Library of Babel so we'd get an idea of the sick beats the librarians dance to while trapped in their endless hexes.
I put in a few of the improbable words from the Library and this one turned out well: chaotic but mellow
http://typedrummer.com/jy28xk
http://libraryofbabel.info
I put in a few of the improbable words from the Library and this one turned out well: chaotic but mellow
http://typedrummer.com/jy28xk
http://libraryofbabel.info
This is really cool. Within about 30 seconds of playing around, I wished it had more scripting-like features (loops and blocks I can reference multiple times)
Oh my $deity! I sometimes play a bit with recording music and I always hate drum machine programming. If I could actually program it in some sort of programming language it would be so much nicer!
Seems like I've just got a new side project :)
Seems like I've just got a new side project :)
Thanks! Although I had something much simplier in mind, Overtone will definitely come handy as well :)
Like a tracker?
When you unfocus the tab drum beats produces different sound. Is it a feature or bug?
I think it is more how any JS script works, Chrome and Firefox (at least) slow down the process (for CPU consumption, to save battery... etc). Since that script is working using a setInterval to look ahead, he needs to wrap the setInterval in a Web Worker, so that thread is never runned slowly.
It's how WebAudio works. If the tab loses focus, the callbacks to the Audio Thread are throttled so the sequencing might be a bit messed up.
Pull the tab into a new window and you can then layer sounds.
An awesome meta thing to do would be to make it play it's own source code as a beat.
Somebody had to do this. Sorry in advance.
Sounds better than the original though. http://typedrummer.com/rik4mt
Sounds better than the original though. http://typedrummer.com/rik4mt
Sites like this are a good reason to not require https everywhere. If this guy had to take the extra time to learn how to do https, it would slow down his creative innovation.
I'm impressed how you imposed your political agenda on this innocent post.
By the way, it usually takes me less than 15 minutes to set up SSL and that includes obtaining the certificate. "Let's encrypt" will make this even more of a non-issue in the future.
By the way, it usually takes me less than 15 minutes to set up SSL and that includes obtaining the certificate. "Let's encrypt" will make this even more of a non-issue in the future.
Until "Let's Encrypt" becomes a thing certificates are still "expensive". It's a shame that you will have to pay for a certificate on top of a domain name for hobby projects like this.
I usually use completely free certificates. There is at least one vendor for those.
[deleted]
I call this one Java Utopia
http://typedrummer.com/6haxm2
http://typedrummer.com/6haxm2
Someone needs to combine this with a melody sequencer that maps ascii <-> pentatonic scale notes or something.
Break Stuff
http://typedrummer.com/r5x8z0
http://typedrummer.com/r5x8z0
Would be interesting to see a vim plugin that played these sounds for each key you pressed in Normal mode.
The results are so good, I'm thinking this could be used to generate background for some videos.
Crashes Firefox after trying about 20 different examples
from this page, i.e. opening a tab, listening a bit, closing again, opening a new one.
Firefox 37.0.2 on Ubuntu 14.02 LTS 64 bit. Reproducible, crashed already 3 times.
Firefox 37.0.2 on Ubuntu 14.02 LTS 64 bit. Reproducible, crashed already 3 times.
Didn't want to work on Firefox on Linux (37.0.2) but was fine on chrome.
Try: Zyzzybalooba
Try: Zyzzybalooba
I don't know if they did it on purpose, but `qwerty` sounds pretty nice
OMG! Of course I entered "type something" (no quotes) and five minutes later dragged myself out of the trance it put me in. :-)
This could actually be very useful for meditation.
This could actually be very useful for meditation.
Heh. For the helluvit I entered the Transcendental Meditation mantra given me 45 years ago and got something much, much more compelling than the mantra itself. I might just revisit that old fad.
Quite a fun webapp. I've also made my thing http://typedrummer.com/7bss99
Not as good as some others.. but worth sharing? http://typedrummer.com/uj8es0
I'm a drummer and this is a real beat: http://typedrummer.com/eht669
Beat from Deftones RX Queen
http://typedrummer.com/j9t913
So how does it work?
Page source: http://typedrummer.com/5426m6
The Amen Break. Kind of.
http://typedrummer.com/zvs523
http://typedrummer.com/zvs523
For those who don't know what the Amen Break is, here is the most important documentary ever done: https://www.youtube.com/watch?v=5SaFTm2bcac
The Hacker Dudes Song
http://typedrummer.com/001ho4
http://typedrummer.com/001ho4
http://typedrummer.com/y7qx52
Let's do break beats. :)
Let's do break beats. :)
a bit of dnb :) http://typedrummer.com/0075x4
[deleted]
Didn't work in Firefox 37.0.2 for me, but did in Chrome latest.
Nice though, thanks!
EDIT: Forgot to mention; on Linux (Ubuntu 14.04)
Nice though, thanks!
EDIT: Forgot to mention; on Linux (Ubuntu 14.04)
It works in Firefox 37.0.2 on Windows for me.
Firefox 37.0.2 worked for me on Arch Linux.
[deleted]
Hmm, why not write a fruityloop style of interface. That would make it more predictable.
Needs more sounds that come from the left speaker. All I here are right speaker sounds.
[deleted]
The coder's late night sessions: http://typedrummer.com/uunq13
Feature request - I need more more cowbell
Hm, can anyone make me a djent starter?
Here's my go http://typedrummer.com/0ut7tc
[deleted]
Moby Dick: http://typedrummer.com/fh7vu0
http://typedrummer.com/j44d37
Not as ominous as I hoped.
Not as ominous as I hoped.
Cool! my name has a beat.
oh shit i aint no love
raul chacaltana
shout out to p'unk avenue! philly represent!
verymych
So fun!
datbomb
[deleted]