synchronisieren und markieren Sie HTML-Text in Audio

8

Wenn nötig, kann ich etwas ausführlicher erklären, aber was ich tun muss, ist, CSS-Änderungen an HTML-Text synchron mit einer Audiospur zu bewirken - d. h. Wörter / Phrasen synchron mit der Audiowiedergabe hervorzuheben. Ich muss auch die Audiowiedergabe steuern, indem ich auf den Text klicke. Ich habe gute HTML / CSS-Chops, aber ich bin nicht so stark mit rohen js, also hoffe ich, dass es einen jQuery-Ansatz gibt. Ich hoffe, dass jemand mich in die beste Richtung lenken kann.

Vielen Dank im Voraus,

svs

    
shecky 24.05.2012, 18:59
quelle

1 Antwort

18

Zur Vereinfachung der Verwendung empfehle ich eine Kombination aus jQuery und Popcorn.js für alles, wo Sie Medien mit HTML und Visa integrieren möchten versa. Sehen Sie sich dieses jsfiddle-Post für ein Beispiel an.

Für die Aufzeichnung, sollte Jfiddle jemals verschwinden, hier ist der Code:

HTML

%Vor%

CSS

%Vor%

JS

%Vor%     
thisgeek 24.05.2012, 23:13
quelle

Tags und Links