6 ms·

The DaftPunKonsole

166 points by dragongraphics 12y ago

patrick73 12y ago
sucks!
vortico 12y ago
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!
- chrisan 12y ago
  > 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
- 9point6 12y ago
  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.
  - deleted 12y ago
    [deleted]
  - vortico 12y ago
    I use PulseAudio on Linux, so that must be why. Is it possibly to get Firefox on Windows to use ASIO4all?
- _lce0 12y ago
  > 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.
  - pxndx 12y ago
    The ñ key works for me!
pwenzel 12y ago
I love the Normal, Low, and High modifiers.
dangowango 12y ago
love it!
jonrx 12y ago
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 :-)
oldmanhorton 12y ago
made an account just to saw how awesome this was
- treve 12y ago
  I didn't need an account to see this. Odd!
  - rememberlenny 12y ago
    He may have meant "say".
TempaTaccount 12y ago
Sound doesn't seem to be working for me. (Firefox 35.0.1 on Ubuntu 14.10)
larssorenson 12y ago
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.
- kaoD 12y ago
  > 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.
- Igglyboo 12y ago
  That's not possible on codepen
- mmabbq 12y ago
  Yeah the JSON file with key mappings (http://s.cdpn.io/190177/keyboard_.json 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.
thecodemonkey 12y ago
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 https://itunes.apple.com/us/app/daft-touch/id308195972?mt=8
calibwam 12y ago
There should be a karaoke bar when playing the instrumental. Also, high seems to be low for me?
rcarmo 12y ago
I wish I could mod this way higher.
bawigga 12y ago
This is awesome, would love to hear recording of what others have put together.
vertex-four 12y ago
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 http://s.cdpn.io/190177/Our3.ogg returns a 403 Access Denied XML document.
Carrok 12y ago
Clearly built for nerds, but no DVORAK option? Come on.
- mbrubeck 12y ago
  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).
  - KwanEsq 12y ago
    Isn't that what http://www.w3.org/TR/DOM-Level-3-Events/#keys-codevalues 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 https://bugzilla.mozilla.org/show_bug.cgi?id=1126673
- simlevesque 12y ago
  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.
dereferenced2 12y ago
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?
binarnosp 12y ago
Cannot wait to play this in the office tomorrow
topliceanu 12y ago
how cool is this?!
dang 12y ago
https://news.ycombinator.com/item?id=9033104 https://news.ycombinator.com/item?id=9033104

166 points by dragongraphics 12y ago

sucks!

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!

chrisan 12y ago
> 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
9point6 12y ago
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.
- deleted 12y ago
  [deleted]
- vortico 12y ago
  I use PulseAudio on Linux, so that must be why. Is it possibly to get Firefox on Windows to use ASIO4all?
_lce0 12y ago
> 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.
- pxndx 12y ago
  The ñ key works for me!

pwenzel 12y ago

I love the Normal, Low, and High modifiers.

dangowango 12y ago

love it!

jonrx 12y ago

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

oldmanhorton 12y ago

made an account just to saw how awesome this was

treve 12y ago
I didn't need an account to see this. Odd!
- rememberlenny 12y ago
  He may have meant "say".

TempaTaccount 12y ago

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

larssorenson 12y ago

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.

kaoD 12y ago
> 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.
Igglyboo 12y ago
That's not possible on codepen
mmabbq 12y ago
Yeah the JSON file with key mappings (http://s.cdpn.io/190177/keyboard_.json 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.

thecodemonkey 12y ago

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 https://itunes.apple.com/us/app/daft-touch/id308195972?mt=8

calibwam 12y ago

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

rcarmo 12y ago

I wish I could mod this way higher.

bawigga 12y ago

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

vertex-four 12y ago

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 http://s.cdpn.io/190177/Our3.ogg returns a 403 Access Denied XML document.

Carrok 12y ago

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

mbrubeck 12y ago
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).
- KwanEsq 12y ago
  Isn't that what http://www.w3.org/TR/DOM-Level-3-Events/#keys-codevalues 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 https://bugzilla.mozilla.org/show_bug.cgi?id=1126673
simlevesque 12y ago
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.

dereferenced2 12y ago

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?

binarnosp 12y ago

Cannot wait to play this in the office tomorrow

topliceanu 12y ago

how cool is this?!

dang 12y ago

https://news.ycombinator.com/item?id=9033104 https://news.ycombinator.com/item?id=9033104