Karaoke: Aktueller Text soll mittig (y) sanft auf das Display gerollt werden
bearbeitet vonMoin,
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 mit ihrer Startzeit aus
~~~js
arr_time = document.getElementsByTagName( "time" );
~~~
Und setze den gelben Hintergrund mit
~~~js
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
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 mit ihrer Startzeit aus
~~~js
arr_time = document.getElementsByTagName( "time" );
~~~
Und setze den gelben Hintergrund mit
~~~js
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
Karaoke: Aktueller Text soll mittig (y) sanft auf das Display gerollt werden
bearbeitet vonMoin,
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.
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