<guitar-chords> Shows and plays guitar-chords. Web-component or svelte component
npm install guitar-chords-viewerTry out live example
and / or include into your website.
npm i guitar-chords-viewer

- Stacked or spread chord-notes:

The frequenz of the notes is calculated based on a settable chamber note. Default is set to 440 Hz.
- L/R view for left-handed users.
- notes, fingerings, strings, tuning are mirrored.

{
strings: 'X 3 5 5 4 3',
fingering: 'X 1 3 4 2 1',
chordName: 'C,m,,',
enharmonicChordName: 'C,m,,',
voicingID: '9223372036959802495',
tones: 'C,Eb,G'
}
`By now there is a set of the main-chords build in.
This JSON generates all aspects of the guitar-chords-viewer. Use the parameter
chordto inject a chord.
`js
export let chord = {
strings: 'X 3 5 5 4 3',
fingering: 'X 1 3 4 2 1',
chordName: 'C,m,,',
enharmonicChordName: 'C,m,,',
voicingID: '9223372036959802495',
tones: 'C,Eb,G'
}
`
$3
Usage as:
- Web-component:
`html
...
`- or as svelte-component
`js
``