Piano emulator in HTML5

Posted by Mpdreamz on Sunday July 31, 2011 @11:57AM
from the mpdreamz.github.com dept.

http://mpdreamz.github.com/html5-piano/

( 12 comments | 46 points | on HN )

Re:Piano emulator in HTML5 by mikepurvis on Sunday July 31, 2011 @05:39PM (#2829705)

What about this requires canvas? Seems like it could be done very simply with just divs (and audio elements, of course).

[ Parent | on HN ]

Re:Piano emulator in HTML5 by kreddor on Sunday July 31, 2011 @05:02PM (#2829580)

Here is another amusing alternative made using youtube: http://www.youtube.com/watch?v=oD-sSolVDiY

[ Parent | on HN ]

Re:Piano emulator in HTML5 by vladikoff on Sunday July 31, 2011 @01:03PM (#2828803)

Crashes my Chrome OS (beta channel) browser tab, though when it loaded once there was no sound.

[ Parent | on HN ]

Re:Piano emulator in HTML5 by Mpdreamz on Sunday July 31, 2011 @01:38PM (#2828935)

Thank you, I'm using 12.0.742.122 myself but i doubt its chrome rather this thing not being memory profiled at all just yet.

[ Parent | on HN ]

Re:Piano emulator in HTML5 by pbhjpbhj on Sunday July 31, 2011 @06:08PM (#2829799)

No probs with it on FF Nightly (6.0a1 2011-04-22).

[ Parent | on HN ]

Re:Piano emulator in HTML5 by xpaulbettsx on Sunday July 31, 2011 @01:04PM (#2828811)

This is cool, but I don't know on what planet "C, Eb, F#" is a major chord. Seems to be off by a half-step (i.e. should be C, E, G)?

[ Parent | on HN ]

Re:Piano emulator in HTML5 by Mpdreamz on Sunday July 31, 2011 @01:34PM (#2828917)

Thank you for catching this :) just committed the fix for this.

[ Parent | on HN ]

Re:Piano emulator in HTML5 by rednum on Sunday July 31, 2011 @01:10PM (#2828831)

Yes, the major should be (C E G). (C Eb F#) looks like a C dimnished, though I think it would be better written as (C Eb Gb).

[ Parent | on HN ]

Re:Piano emulator in HTML5 by xpaulbettsx on Sunday July 31, 2011 @05:39PM (#2829704)

True - for some reason I have this affinity to certain notes being sharp and certain ones being flat (i.e. F# > Gb, but Eb > D#), even though the rule is that it should be consistent based on the key.

[ Parent | on HN ]

Re:Piano emulator in HTML5 by paulbjensen on Sunday July 31, 2011 @03:53PM (#2829363)

An amusing alternative:

http://sweetmusicapp.com

[ Parent | on HN ]

Re:Piano emulator in HTML5 by rl41 on Sunday July 31, 2011 @04:51PM (#2829542)

Didn't freeze for my Opera 11.50. Great job, I like musical tools this this a lot!

[ Parent | on HN ]

Re:Piano emulator in HTML5 by aw3c2 on Sunday July 31, 2011 @01:05PM (#2828813)

Completely froze Opera 11.50 for me.

[ Parent | on HN ]