Piano Chords Display and Player

A resizable and responsive iframe embeddable piano chords display and player.

Usage

The following HTML displays playable chords:

Cmaj

<iframe frameborder="0"
        width="800px" height="400px"
        src="https://tomeraberba.ch/piano#cmaj">
</iframe>

Amaj, Emaj, F#min, Dmaj

<iframe frameborder="0"
        width="1200px" height="400px"
        src="https://tomeraberba.ch/piano#amaj,emaj,f#min,dmaj">
</iframe>

Cmaj7, C#min7b5, Dmin7, Ddim7 With Play Button

<iframe frameborder="0"
        width="1200px" height="400px"
        src="https://tomeraberba.ch/piano?progression=true#cmaj7,c#min7b5,dmin7,ddim7">
</iframe>

Contributing

Pull requests and stars on the GitHub repository are always welcome. For bugs and feature requests, please create an issue.

License

Copyright © 2018 Tomer Aberbach Released under the MIT license.