Responsive lyric and chord wrapper.
https://bukupujian2.blogspot.com/2021/10/echo.html
- Wrap lyric and chord inside a container.
- Call
chordy.init()
.
<div id="song">Learning How to Die
Jon Foreman
Key : D
CHORUS
D
All along
G Em
Thought I was learning how to take
A7 D
How to bend not how to break
G Em
How to live not how to cry
Em A7 C
But really I've been learning how to die
G D G
I've been learning how to die"</div>
<script src="path/to/chordy.js"></script>
<script>
let container = document.getElementById('song');
chordy.init(container);
</script>
- Song key is classified by
Key :
pattern. - Highlighted song structure are:
VERSE
,INTERLUDE
,CHORUS
,INTRO
,ENDING
,BRIDGE
,PRE-CHORUS
,OUTRO
, andCODA
. - Do not put anything but chord inside a chord line (e.g. Am7
(Walkdown G-F-Em)Gm7). - Any lines that does not classified as key, song structure, and chord are fall under lyric category (not wrapped within a container).
- Careful with extra lines and spaces.