Linuchs: Karaoke: Aktueller Text soll mittig (y) sanft auf das Display gerollt werden

Beitrag lesen

SELF-Forum

Karaoke: Aktueller Text soll mittig (y) sanft auf das Display gerollt werden

Linuchs (Versionen)
– Informationen zu den Bewertungsregeln

Moin,

brauche mal einen Anschub, um einen lang gehegten Wunsch zu realisieren.

Ich produziere HTML-Seiten mit Liedtext und audio-tag. Audio steuert, dass die aktuelle Zeile gelb hinterleuchtet wird.

Leider wandert sie im Lauf des Lieds nach unten aus und ist verschwunden. Das Lied soll scrollen, sodass die aktuelle Zeile in der Mitte (y) ist.

Die Zeilen sind im time tag eingeschlossen. Mit JS lese ich diese Tags in lied_mehrspurig.js mit ihrer Startzeit aus

arr_time = document.getElementsByTagName( "time" );

Und setze den gelben Hintergrund mit

arr_time[i].style.backgroundColor = "#ff0";
letzter_karaoke_index = i;
// 2024-06-05 Position auf dem Display
console.log( arr_time[i].scrollY +" / " +window.innerHeight );

arr_time[i].scrollY kann so nicht angesprochen werden, ist also KEIN Zeiger auf die Position im DOM. Wie geht das?

Muster ist hochgeladen, aber nicht öffentlich, deshalb die URL bitte zusammensetzen aus

  • remso.de
  • /dgrs
  • /107

Freunde melden, dass sie die Seite nicht öffnen können. Ist es wegen http:// ohne s?

Lieben Gruß, Linuchs

Beitrag melden
–
Informationen zu den Bewertungsregeln