Piano emulator in HTML5

Piano emulator in HTML5(mpdreamz.github.com)

46 points by Mpdreamz 14 years ago | 12 comments

mikepurvis 14 years ago |

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

kreddor 14 years ago |

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

vladikoff 14 years ago |

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

Mpdreamz 14 years ago | |

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.

pbhjpbhj 14 years ago | | |

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

xpaulbettsx 14 years ago |

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

Mpdreamz 14 years ago | |

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

rednum 14 years ago | |

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

xpaulbettsx 14 years ago | | |

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.

paulbjensen 14 years ago |

An amusing alternative:

http://sweetmusicapp.com

rl41 14 years ago |

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

aw3c2 14 years ago |

Completely froze Opera 11.50 for me.