This is super fun to play with, but the delay between the key press and audio playback is killing me. Are the sounds loaded into a buffer? Perhaps this is the best latency you can get with Web Audio (on Linux).

Also, the semicolon key is not working for me. A fun toy nonetheless!

> Also, the semicolon key is not working for me. A fun toy nonetheless!

on my keyboard, I have a "ñ" key there. It would be awesome if you could use keys "hjkl" instead.

The ñ key works for me!

This will probably be about as responsive as this can get without a low latency audio driver.

At least on Windows, this is similar to the latency when using a MIDI keyboard and a DAW with non-ASIO/WaveRT audio drivers. I think for Linux the analogue would be higher-latency with PulseAudio than with JACK.

I use PulseAudio on Linux, so that must be why. Is it possibly to get Firefox on Windows to use ASIO4all?

> Also, the semicolon key is not working for me. A fun toy nonetheless!

Appears to be Firefox related, when I play with this in Chrome it works

I can't and Ctrl-shortcut (i.e. Ctrl+W to close the window) (Firefox 35.0.1 on Windows 7).

Otherwise, a fantastic job :-)

Sound doesn't seem to be working for me. (Firefox 35.0.1 on Ubuntu 14.10)

This is awesome, I really love the execution. Shameless plug, I built an iPhone app some years ago with a similar concept https://itunes.apple.com/us/app/daft-touch/id308195972?mt=8

For whatever reason, on my Firefox (35 on Linux), all the audio files fail to load with a 403 error? For example, http://s.cdpn.io/190177/Our3.ogg returns a 403 Access Denied XML document.

There should be a karaoke bar when playing the instrumental. Also, high seems to be low for me?

This is awesome, would love to hear recording of what others have put together.

Clearly built for nerds, but no DVORAK option? Come on.

It's a gap in the web platform that there's no solid cross-browser way to automatically adapt these sorts of control layouts to the user's actual keyboard layout. :( I type Dvorak too, and just have to switch to qwerty for certain games and things like this (both web and native).

Isn't that what http://www.w3.org/TR/DOM-Level-3-Events/#keys-codevalues is for?

Hmm, caniuse doesn't seem to have it, I'll have to look for info.

Edit: ah, and looks like Fx38 will be the very first to have it. https://bugzilla.mozilla.org/show_bug.cgi?id=1126673

I don't see why you'd say it's "clearly for nerds", it seems to be "clearly for Daft Punk fans" and since they're french you can use the french keyboard layout soo their french fans can play with it.

Cannot wait to play this in the office tomorrow

I love the Normal, Low, and High modifiers.

I wish I could mod this way higher.

made an account just to saw how awesome this was

I didn't need an account to see this. Odd!

He may have meant "say".

how cool is this?!

love it!

> Please serve your javascript directly, even if it is a third party library.

CodePen is a frontend playground. You cannot host anything there, so third-party scripts are a requirement.

You can either disable the third-party block or just don't play with it.

Yeah the JSON file with key mappings (http://s.cdpn.io/190177/keyboard_.json) appears to have an incorrect mapping for ';'.

It says 186, but console.log(code) returns 59 for me. If I update the javascript to replace the 186 with 59 the sound will play, but to get proper CSS effects I think the JSON file needs to be corrected.

That's not possible on codepen