Typedrummer

by moritzplassnig • 11 years ago

266 128 11 years ago

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!

frozenport2• 11 years ago

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!

empressplay• 11 years ago

This also works with a Commodore 64 on RF if you crank the sound on the TV

rabbyte• 11 years ago

So fun!

jigneshhk• 11 years ago

When you unfocus the tab drum beats produces different sound. Is it a feature or bug?

jbrooksuk• 11 years ago

Pull the tab into a new window and you can then layer sounds.

notthetup3• 11 years ago

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.

cocoggu2• 11 years ago

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.

hammeiam• 11 years ago

http://typedrummer.com/dgfpcp

ryanlbrown• 11 years ago

http://typedrummer.com/e2t041

monokrome4• 11 years ago

http://typedrummer.com/7bm390

microcolonel• 11 years ago

http://typedrummer.com/y7qx52

Let's do break beats. :)

frozenport2• 11 years ago

Needs more sounds that come from the left speaker. All I here are right speaker sounds.

workingandtired• 11 years ago

Quick tip/Easter egg. Wrapping the text in parenthesis allows you to do triplets.

joelthelion• 11 years ago

So how does it work?

notthetup3• 11 years ago

Basically creates a pattern from your letters and sequences it using WebAudio. If you look at the Network tab, you'll see the individual mp3 files for each letter being downloaded.

time4hn• 11 years ago

Surround your stuff with parens

moe• 11 years ago

http://typedrummer.com/8f01tt

aryehof• 11 years ago

The results are so good, I'm thinking this could be used to generate background for some videos.

dag11• 11 years ago

I call this one "The Master".

http://typedrummer.com/901ci8

DiabloD33• 11 years ago

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.

DiabloD33• 11 years ago

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

jmickey• 11 years ago

Slight variation - http://typedrummer.com/0r4ki5

zaszrespawned3• 11 years ago

I see a smiley and something else in there

sjrd• 11 years ago

Variant from later in the story: http://typedrummer.com/tubs9r

_ZeD_• 11 years ago

An unknown error occured while processing decodeAudioData. decodeAudioData error" undefined"

notthetup3• 11 years ago

Which browser is this?

skribbles• 11 years ago

http://typedrummer.com/o2z9g5

taspeotis• 11 years ago

http://typedrummer.com/0500z9

MrBuddyCasino• 11 years ago

Well played.

TazeTSchnitzel• 11 years ago

Yes, it was quite the moving performance.

zaszrespawned3• 11 years ago

illuminati confirmed

unclesaamm• 11 years ago

by John Cage

swhitt• 11 years ago

http://typedrummer.com/6haxm2

jbhatab• 11 years ago

you killed it.

cranium• 11 years ago

Firefox wanted to correct the spelling of some words. I let it do it for once.

http://typedrummer.com/zbkrw0

Kiro• 11 years ago

Sounds pretty sweet!

rpwverheij• 11 years ago

http://typedrummer.com/zn2p6t

malloreon• 11 years ago

it would be amazing if it was easy to tell which was the currently playing character.

kremlin2• 11 years ago

i thought that

d0m• 11 years ago

Not as good as some others.. but worth sharing? http://typedrummer.com/uj8es0

bvanslyke• 11 years ago

Someone needs to combine this with a melody sequencer that maps ascii <-> pentatonic scale notes or something.

siscia• 11 years ago

you can use the "|" to put a pause...

0942v8653• 11 years ago

Comma also works.

khiner• 11 years ago

http://typedrummer.com/39t4s8

fedlarm• 11 years ago

Beat from Deftones RX Queen http://typedrummer.com/j9t913

pandatigox• 11 years ago

I don't know if they did it on purpose, but `qwerty` sounds pretty nice

kremlin2• 11 years ago

http://typedrummer.com/l9wtx8

hraberg• 11 years ago

http://typedrummer.com/1m4q5x

advm• 11 years ago

http://typedrummer.com/dj76r0

slazaro• 11 years ago

http://typedrummer.com/6m26m9

throwaway43• 11 years ago

An awesome meta thing to do would be to make it play it's own source code as a beat.

helsinki• 11 years ago

http://typedrummer.com/zd00vz

agumonkey2• 11 years ago

Miles Davis.

lawry• 11 years ago

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!

reustle• 11 years ago

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)

seba_dos12• 11 years ago

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

monokrome4• 11 years ago

https://github.com/overtone/overtone

troels• 11 years ago

Like a tracker?

rasur• 11 years ago

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)

barrkel• 11 years ago

It works in Firefox 37.0.2 on Windows for me.

Retr0spectrum• 11 years ago

Firefox 37.0.2 worked for me on Arch Linux.

sjoerd_visscher• 11 years ago

http://typedrummer.com/piaw9q

valisystem• 11 years ago

brilliant. http://typedrummer.com/ovzx48

valevk2• 11 years ago

http://typedrummer.com/cd9pe2

valevk2• 11 years ago

The coder's late night sessions: http://typedrummer.com/uunq13

midgetjones• 11 years ago

Moby Dick: http://typedrummer.com/fh7vu0

no_gravity• 11 years ago

http://typedrummer.com/199694

r0muald• 11 years ago

I guess the natural consequence is to share your code as a beat audio download and reverse engineer from there, no?

hxn• 11 years ago

The Hacker Dudes Song

http://typedrummer.com/001ho4

rodgerd• 11 years ago

http://typedrummer.com/j44d37

Not as ominous as I hoped.

honestcoyote• 11 years ago

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

weitzj• 11 years ago

Feature request - I need more more cowbell

ux• 11 years ago

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

cocoggu2• 11 years ago

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.

kylestetz• 11 years ago

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

agumonkey2• 11 years ago

You're about to disrupt Roland business. Brace yourself.

joeyspn• 11 years ago

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.

fredsted• 11 years ago

Put it on github - I'd love submitting a few pull requests.

acjohnson552• 11 years ago

Ability to stack beats would be sweet!

philbo• 11 years ago

The Amen Break. Kind of.

http://typedrummer.com/zvs523

DiabloD33• 11 years ago

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

edem• 11 years ago

Break Stuff

http://typedrummer.com/r5x8z0

Demiurge• 11 years ago

Hm, can anyone make me a djent starter?

chillingeffect• 11 years ago

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.

quonn2• 11 years ago

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.

tokenizerrr• 11 years ago

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.

adyrhan• 11 years ago

Quite a fun webapp. I've also made my thing http://typedrummer.com/7bss99

AndrewVos• 11 years ago

Would be interesting to see a vim plugin that played these sounds for each key you pressed in Normal mode.

bodecker• 11 years ago

Small bug I found - the timing gets messed up whenever the typedrummer tab is running in the background

alextgordon• 11 years ago

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.

techload• 11 years ago

http://typedrummer.com/v8qz8f

zaszrespawned3• 11 years ago

Noice

amelius• 11 years ago

Hmm, why not write a fruityloop style of interface. That would make it more predictable.

monatron• 11 years ago

shout out to p'unk avenue! philly represent!

acjohnson552• 11 years ago

I call this one Java Utopia

http://typedrummer.com/6haxm2

LarryMade2• 11 years ago

Didn't want to work on Firefox on Linux (37.0.2) but was fine on chrome.

Try: Zyzzybalooba

brownbat3• 11 years ago

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.

A beat: http://typedrummer.com/91l102

brownbat3• 11 years ago

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

monokrome4• 11 years ago

I think m/n is hitting the top of the hi-hat instead of the sides

brownbat3• 11 years ago

I think you're right, with n maybe using the shaft of the stick on the bell of the closed hat.

TeMPOraL• 11 years ago

Let's go meta with that: http://typedrummer.com/c8094s.

bastijn• 11 years ago

Somebody had to do this. Sorry in advance.

Sounds better than the original though. http://typedrummer.com/rik4mt

reirob• 11 years ago

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.

lux• 11 years ago

Nice! http://typedrummer.com/xqp3rq

clebio• 11 years ago

http://typedrummer.com/5q6297

gbachik• 11 years ago

http://typedrummer.com/r7h885

anoplus• 11 years ago

Cool! my name has a beat.

bane• 11 years ago

Here's my go http://typedrummer.com/0ut7tc

EugeneOZ• 11 years ago

http://typedrummer.com/m2k5ou

louishk• 11 years ago

http://typedrummer.com/7n8zmp

MetaMonk• 11 years ago

Page source: http://typedrummer.com/5426m6

DonGateley2• 11 years ago

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.

DonGateley2• 11 years ago

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.

Mrlbamonde3• 11 years ago

verymych

Mrlbamonde3• 11 years ago

datbomb

Mrlbamonde3• 11 years ago

oh shit i aint no love

kentbrew• 11 years ago

http://typedrummer.com/oo3oc4

bytor1974• 11 years ago

raul chacaltana

NanoWar• 11 years ago

I'm a drummer and this is a real beat: http://typedrummer.com/eht669

Typedrummer

Related Stories