Piano

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://tomeraberbach.github.io/piano#cmaj">
</iframe>

Amaj, Emaj, F#min, Dmaj

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

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

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

License

MIT © Tomer Aberbach