Hallo Rolf,
statt ... alles drölfzig mal zu schreiben.
Nein,das wird von Javascript erledigt. Der HTML-Roh-Code sieht so aus:
<p class="akkorde"><l>2</l>
<time data-von="00:23.75">Doch (To)eines Tages traf ich sie im Mondschein, /
ich lud sie ein zu einem Glase (Do)Rotwein. /
Und wie ich fragte, Liebling, willst du mein sein, /
gab sie mir einen Kuss, und das hieß (To)ja !</time>
</p>
Die gewünschte Tonart ist ein URL-Parameter: &tonart=G
Aus jedem (To)=Tonika wird dann der rote Akkord, der auch angeklickt erklingen kann. (Do)=Dominante, (Su)=Subdominante.
Als Musik-Laie wüsste ich gerne, wie die anderen Akkorde zu einer (beliebigen) Tonart genannt werden, vielleicht hat ein Mitleser einen Link für mich? In schwierigen Liedern gibt es schon mal 6 oder 7 unterschiedliche Akkorde. Und dann kommt noch Tonartwechsel im Lied vor.
Der <time>
-Tag wird von der Master-Audio-Spur zeitgesteuert, um den laufenden Text gelb zu hinterleuchten. Karaoke.
Die Idee mit dem ruby muss ich mir noch erarbeiten.
Gruß, Linuchs