Skip to content

Instantly share code, notes, and snippets.

@sathvik87
Created February 22, 2026 20:23
Show Gist options
  • Select an option

  • Save sathvik87/24882dd3a16b8eda148b83a447c1250b to your computer and use it in GitHub Desktop.

Select an option

Save sathvik87/24882dd3a16b8eda148b83a447c1250b to your computer and use it in GitHub Desktop.
WEBVTT
STYLE
::cue(.yellow) { color: #FFFF00; }
::cue(.green) { color: #00FF00; }
::cue(.highlight) { background-color: #FF00FF; color: #FFFFFF; }
::cue(.blue_bg) { background-color: #0000FF; }
::cue(u) { text-decoration: underline; }
00:00:00.500 --> 00:00:04.000
<c.highlight>Funktion 1: Texthervorhebung</c>
Das sieht aus wie ein <b>Textmarker</b> direkt auf dem Schirm.
00:00:04.500 --> 00:00:08.000
Funktion 2: <c.yellow>Mehr-</c><c.green>farbige</c> <c.yellow>Unterstützung</c>
Wir können die Farben <c.green>Wort</c> für <c.yellow>Wort</c> ändern!
00:00:08.500 --> 00:00:12.000
Funktion 3: <u>Unterstreichungen</u> & <c.blue_bg>Boxen</c>
Ideal für <u>wichtige</u> Fachbegriffe: ÄÖÜß.
00:00:12.500 --> 00:00:15.000
Funktion 4: <v Erzähler>Karaoke-Modus</v>
<00:00:13.000>Sehen <00:00:13.500>Sie, <00:00:14.000>wie <00:00:14.500>der <00:00:15.000>Text <00:00:15.500>mitfließt!
00:00:16.000 --> 00:00:20.000 line:10%
Funktion 5: <c.yellow>Vertikale Positionierung</c>
Text am <b>oberen Rand</b>, um keine UI-Elemente zu verdecken.
00:00:21.000 --> 00:00:25.000 align:left size:50%
Funktion 6: <c.green>Ausrichtung & Breite</c>
Der Text kann linksbündig mit fester Breite fixiert werden.
00:00:26.000 --> 00:00:30.000
<b>POC Abgeschlossen:</b> 30 Sekunden barrierefreier,
gestylter und mehrsprachiger Inhalt verifiziert.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment