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