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!
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.
Your hot-linking cross domain made this impossible to try, as I block this. Please serve your javascript directly, even if it is a third party library.
Additionally, the "Over" button (;) does not work for me for whatever reason. Firefox 30.
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.
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.
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).
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.
This kind of reminds me of some site that made the rounds maybe 2 years ago: It used percussive type sound samples and full screen animations for each keypress. I can't seem to remember what it was called. Does anyone know what I'm talking about?
32 comments
[ 3.5 ms ] story [ 79.3 ms ] threadAlso, 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
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.
on my keyboard, I have a "ñ" key there. It would be awesome if you could use keys "hjkl" instead.
Otherwise, a fantastic job :-)
Additionally, the "Over" button (;) does not work for me for whatever reason. Firefox 30.
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.
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.
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