Polysh für Agenten ist im frühen Zugang. Ihr Coding-Agent nimmt die Demo auf, Polysh stellt sie fertig. Auf die Warteliste →

VTT-Validator

Genau erfahren, warum eine WebVTT-Datei im Player scheitert, und eine korrigierte herunterladen.

Ihr Browser-Tool wird geladen…

Was VTT-Validator macht

Browser sind bei WebVTT streng. Ein Header, der nicht in der ersten Zeile steht, ein Komma in einem Zeitstempel oder ein STYLE-Block nach dem ersten Untertitel kann dazu führen, dass eine Spur ohne Untertitel lädt, und die Entwicklerkonsole sagt selten, warum.

Fügen Sie die Datei ein, und jedes Problem wird mit seiner Zeile aufgeführt, von einer fehlenden Leerzeile nach dem Header bis zu einem nicht maskierten &, das Text verschluckt. „Probleme beheben“ schreibt eine korrigierte Datei und prüft sie erneut. Die Reparatur übernimmt auch die Routinebereinigung: leere Untertitel, Sortierung und Überlappungen.

Beispiel

Eingabe

WEBVTT
00:00:01.000 --> 00:00:03.000 align:centre
AGB & Datenschutz

00:00:03.000 --> 00:00:05.000
Fertig.

Der Bericht zeigt

Zeile 2 [Fehler] Fügen Sie zwischen dem WEBVTT-Header und dem ersten Untertitel eine Leerzeile ein.
Zeile 2 [Fehler] Ungültige Untertiteleinstellung „align:centre“ wurde ignoriert. Gültige Einstellungen sehen aus wie line:0, position:10%, align:start oder size:80%.
Zeile 3 [Fehler] Untertitel 1 enthält ein einfaches „<“ oder „&“. Schreiben Sie &lt; oder &amp;, sonst blenden Player womöglich einen Teil des Textes aus.

WebVTT akzeptiert nur die Schreibweise align:center. „Probleme beheben“ ergänzt die Leerzeile, entfernt die ungültige Einstellung und schreibt &amp;, und die korrigierte Datei besteht die Prüfung.

Anleitung: VTT-Validator

  1. Fügen Sie den WebVTT-Text ein, wählen Sie „Datei öffnen“ oder „Beispiel verwenden“.
  2. Sehen Sie die Tabelle „Probleme“ durch, sortiert nach Zeilennummer.
  3. Wählen Sie „Probleme beheben“ und dann im Bereich „Korrigierte Datei“ „.vtt herunterladen“.

Gut zu wissen

  • CSS in STYLE-Blöcken wird nicht geprüft. Ein Tippfehler in einer ::cue-Regel besteht die Prüfung, aber der Stil wird nicht angewendet.
  • Regionsnamen werden nicht abgeglichen, daher wird ein Untertitel akzeptiert, der auf eine Region verweist, die die Datei nie definiert.
  • Doppelte Untertitel-IDs sind Warnungen, und „Probleme beheben“ lässt sie unverändert. Benennen Sie sie im VTT-Editor um.

Fragen zu VTT-Validator

Warum werden meine VTT-Untertitel nicht angezeigt?

Prüfen Sie, ob die Datei in der ersten Zeile mit WEBVTT beginnt, Punkte vor den Millisekunden verwendet und nach dem Header sowie zwischen Untertiteln eine Leerzeile hat. Auf einer Website muss sie außerdem als text/vtt ausgeliefert werden, mit CORS-Headern, wenn sie auf einer anderen Domain liegt. Der Validator deckt alles innerhalb der Datei ab.

Wie prüfe ich eine WebVTT-Datei?

Fügen Sie sie hier ein oder öffnen Sie sie. Der Validator meldet Probleme bei Header, Zeitstempeln, Einstellungen, Maskierung und Reihenfolge mit Zeilennummern und stuft jedes als Fehler oder Warnung ein, damit Sie wissen, was Sie zuerst beheben sollten.

Muss ich & in WebVTT maskieren?

Ja. Ein einfaches & oder < kann als Beginn von Markup gelesen werden, und Player blenden den folgenden Text womöglich aus. Schreiben Sie stattdessen &amp; und &lt;. „Probleme beheben“ maskiert sie für Sie.

Darf eine WebVTT-Datei eine BOM haben?

Ja, das Format erlaubt eine UTF-8-Byte-Order-Mark vor WEBVTT. Der Validator markiert sie trotzdem als Warnung, weil manche älteren Tools sie als überzählige Zeichen am Dateianfang anzeigen.