Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

HTML5 Piano

mrcoles.com

Post reply on HN
Print view View original

21–30 of 68 posts

Re: HTML5 Piano

#22

Post by ChuckMcM »

cenhyperion wrote: post #14

One of my friends coded up something like this, except you can play with the keys on your keyboard and it sounds like a piano. Very cool!

Press the right most rectangle on the top to enable "play by keyboard" mode. I agree it is very cool.

Re: HTML5 Piano

#23

Post by mgraczyk »

It's cool sites like this that remind me why I still use a PS/2 Keyboard. Anybody else out there push all the keys at once just to make sure it would work?

Re: HTML5 Piano

#24

Post by monsterix »

colmmacc wrote: post #19
monsterix wrote: post #10

Nice! Would be so cool to create a full 88 keys digital piano on a flat piece of glass with a touch layer. No edges, but for the well rounded toughened glass with see through. Simulated weighted keys using software, have modes (Strings is a must!), basic metronome, equalizer, controls and additional synth effects; and well on top of that a custom built browser to suit the window size of 58.8 x 12.8 x 22.2 inches! :D

It would be cool, and it may be ok for certain kinds of playing, but a subtle mordent, a tasteful triplet or a good arpeggio all depend on feedback from the keys. I think this is more than muscle memory and that "simulating" the sound will never do, a mordent in particular depends on a very mechanical relationship between adjacent keys rising and falling. There's a reason most band pianists haul around electric piano…

I agree. It cannot and probably should not be considered as a replacement of the standard equipment; rather could lead to invention of a new sound/pattern itself given that it doesn't have the same mechanical nuances (limitations) of the standard equipment. Sort of like how the electric guitar doesn't replace an acoustic or the electric drum doesn't quite replace the - well the purple monster.

And then with these web-capable devices we can end up building a web of sounds! Have applications talk on notes, coherence, resonance -- hyper speech/sound transfer protocol (hstp://)? #weekendimaginations :D

Re: HTML5 Piano

#25

Post by darkchasma »

runn1ng wrote: post #11

It's nice you can do something in HTML5 that you could have done in Flash 10 years ago. (Of course, I know, this is all according to standards and all. But still.)

I've seen this done 20 years ago before flash in a java applet. What's your point?

Re: HTML5 Piano

#28

Post by kmf »

moron4hire wrote: post #13

are you generatimg the samples on each key press or when the piano loads? audio api or base65 url encoded wave files? I had made a synthesizer a while ago, but could never figure out how to keep the audio from clicking http://wedusc.com/synth/index.html

According to the repo (https://github.com/mrcoles/javascript-piano):

> This is an HTML5 synth piano that generates all of its audio files on the fly using data URIs.

The audio.js shows this process in a bit more detail:

https://github.com/mrcoles/javascript-piano/blob/master/audi...

Post reply on HN