SRT-Untertitel in eine eigenständige HTML-Transkription umwandeln

Eine SRT-Datei (SubRip Subtitle) ist für die Zeitsteuerung gebaut, nicht zum Lesen: eine fortlaufende Cue-Nummer, ein Zeitcode-Bereich im Format HH:MM:SS,mmm --> HH:MM:SS,mmm und ein oder zwei Zeilen Text, die sich alle zwei oder drei Sekunden über die gesamte Länge des Videos wiederholen. Ein Browser weiß von sich aus nicht, was er mit dieser Struktur anfangen soll, er braucht ein echtes HTML-Dokument, um überhaupt etwas darzustellen.

Der SRT-zu-HTML-Konverter von SubToolDesk analysiert die Cue-Blöcke lokal in deinem Browser, entfernt die Indexnummern und Zeitcodes, setzt die Fragmente zu natürlichen Absätzen zusammen und verpackt das Ergebnis in ein minimales, gültiges HTML-Dokument mit einem <p>-Tag pro Absatz, bereit, direkt in einem Browser geöffnet, auf einem Server gehostet oder in eine statische Website eingefügt zu werden.

So wandelst du SRT in HTML um (Schritt für Schritt)

• Ziehe deine .srt-Datei auf den Konverter oben, oder klicke auf „Datei hochladen“, um sie auszuwählen.
• Prüfe, dass die automatisch erkannte Format-Badge SRT anzeigt.
• Lasse In Absätze zusammenführen aktiviert für fließenden Text, oder deaktiviere es, um einen Untertitel pro Zeile zu behalten.
• Aktiviere Sprecherkennungen entfernen und Formatierungs-Tags entfernen, wenn deine Datei eines davon enthält.
• Klicke auf Herunterladen, um eine eigenständige .html-Datei zu speichern.

Warum SRT in HTML umwandeln

Eine .srt-Datei ist für einen Videoplayer gebaut, nicht von sich aus für einen Browser-Tab. Sie in HTML umzuwandeln hat fast immer damit zu tun, was die Transkription als Nächstes tun muss:

• Eine Archivseite für die Transkription veröffentlichen, die Suchmaschinen crawlen können und die Besucherinnen und Besucher lesen können, ohne das Originalvideo zu öffnen.
• Die Untertitel eines Tutorials in eine Dokumentationswebsite einfügen, als eigenständige Seite, ohne zusätzlichen Build-Schritt oder Markdown-Umwandlung.
• Eine Transkription als Link statt als Dateianhang teilen, damit jede und jeder sie in einem Browser öffnen kann, ohne Software, die .srt oder .txt versteht.
• Die Transkription passend zu einer Website stylen, da einfache, semantische <p>-Tags ein Stylesheet aufnehmen können; reiner Text kann das nicht.
• Eine Textalternative zu einem untertitelten Video anbieten für Besucherinnen und Besucher, die lieber lesen als schauen.
• Eine Transkription als eigenständige Seite archivieren, die sich auch Jahre nach dem Verschwinden der Originalaufnahme noch korrekt in jedem Browser öffnet.

Was tatsächlich in der HTML-Datei steckt

Es ist ein vollständiges, minimales HTML-Dokument: eine <!DOCTYPE html>-Deklaration, ein <head> mit UTF-8-Zeichensatz und einem Seitentitel, und ein <body>, das ein <p>-Element pro Absatz enthält. Es ist kein Stylesheet, Skript oder Tracking irgendeiner Art eingebaut, nur semantisches Markup, das du so öffnen oder in eine größere Seite einfügen und mit eigenem CSS stylen kannst.

Vorher und nachher: ein echtes Beispiel

Ein kurzer Austausch, Cue-Nummern, Zeitcodes, ein Sprecherpräfix in reinem Text und ein Kursiv-Tag, genau so, wie ein Videoeditor es exportieren könnte, umgewandelt mit aktiviertem In Absätze zusammenführen, Sprecherkennungen entfernen und Formatierungs-Tags entfernen (der Standardzustand auf dieser Seite):

1
00:00:01,000 --> 00:00:03,500
Jordan: Hallo zusammen, danke, dass ihr heute beim Anruf dabei seid.

2
00:00:03,500 --> 00:00:06,200
<i>Priya: Klar! Fangen wir an.</i>

3
00:00:06,200 --> 00:00:09,800
Jordan: Super, als Erstes auf der Agenda steht die Roadmap für das dritte Quartal.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Transkription</title>
</head>
<body>
<p>Hallo zusammen, danke, dass ihr heute beim Anruf dabei seid. Klar! Fangen wir an. Super, als Erstes auf der Agenda steht die Roadmap für das dritte Quartal.</p>
</body>
</html>

Die Cue-Nummern, beide Zeitcode-Zeilen, die Präfixe Jordan: und Priya: und das <i>-Tag sind alle verschwunden. Was bleibt, ist gültiges, minimales Markup mit dem gesprochenen Dialog, eingepackt in ein einziges <p>-Element, bereit, in jedem Browser geöffnet zu werden.

Warum HTML statt reinem Text?

Eine Textdatei braucht etwas anderes, um sie sinnvoll zu öffnen; eine HTML-Datei öffnet sich direkt in jedem Browser mit bereits korrektem Absatzabstand und kann wie jede andere Webseite gehostet, verlinkt und indexiert werden. Es ist die richtige Wahl, wenn die Transkription selbst im Web existieren muss, etwa als eigenständige Archivseite für Untertitel, als Anhang einer Dokumentation oder als Seite, die eine Suchmaschine crawlen kann, statt etwas, das du in ein anderes Dokument einfügst.

Datenschutz durch Architektur, nicht durch Richtlinie

Das Analysieren des SRT und das Erstellen der HTML-Datei finden beide in JavaScript statt, das in deinem Browser-Tab läuft. Es gibt keinen Upload-Endpunkt, den diese Funktion ansteuern könnte, selbst wenn sie es wollte, was unabhängig davon zählt, ob die Quelle ein öffentlicher Screencast oder ein vertrauliches Interview ist.

Häufige Anwendungsfälle für SRT zu HTML

• Archivseiten für Transkriptionen: veröffentliche eine lesbare, crawlbare Transkription eines Videos neben der Einbettung selbst, nützlich für SEO und für Zuschauerinnen und Zuschauer, die lieber lesen als schauen.
• Dokumentationswebsites: verwandle die Untertitel eines Tutorial-Videos in eine eigenständige HTML-Seite, die ohne zusätzlichen Build-Schritt in den Inhaltsordner eines statischen Website-Generators passt.
• Barrierefreiheits-Seiten: biete eine einfache, lesbare HTML-Alternative zu einem untertitelten Video für Besucherinnen und Besucher, die den Inhalt als Text wollen.
• Schnelle lokale Ansicht: öffne die heruntergeladene Datei direkt aus deinem Dateisystem in jedem Browser, ohne Server oder zusätzliche Software.

Randfälle, die der Parser abdeckt

Fehlende oder doppelte Cue-Indexnummern werden ignoriert, und Cues werden intern allein anhand der Zeitcode-Zeilen neu nummeriert. Windows-Zeilenumbrüche (\r\n) und Unix-Zeilenumbrüche (\n), oder eine Mischung aus beiden, werden vor der Analyse normalisiert. Zeichen, die sonst gültiges HTML brechen würden, wie ein wörtliches &, < oder >, das im bereinigten Dialogtext verbleibt, werden automatisch escaped, sodass die Ausgabe immer gültiges Markup ist.

Was dieser Konverter erhält und was er entfernt

Erhalten bleibt:

• Jedes Wort des Dialogtexts, in seiner ursprünglichen Reihenfolge und Zeichensetzung.
• Die Absatzstruktur, jetzt als echte <p>-Elemente, entweder eines pro ursprünglichem Cue, oder satzbasierte Absätze, wenn In Absätze zusammenführen aktiviert ist.
• Ein gültiges, vollständiges HTML-Dokument, Doctype, UTF-8-Kopf und Body, sodass die Datei in jedem Browser korrekt öffnet.

Entfernt wird:

• Cue-Indexnummern und jeder Zeitcode-Bereich.
• SRT-Formatierungs-Tags wie <i>, <b> oder <u>, wenn Formatierungs-Tags entfernen aktiviert ist.
• Sprecherpräfixe in reinem Text wie Jordan:, wenn Sprecherkennungen entfernen aktiviert ist.
• Jegliches CSS, Skript oder Styling, es wird keines hinzugefügt und auch keines aus der Quelle übernommen.

Häufige Probleme und wie man sie löst

• Die heruntergeladene Datei öffnet als Rohtext mit noch sichtbaren Cue-Nummern und Zeitcodes: prüfe, ob die Format-Badge über dem Konverter SRT anzeigt, nicht Unknown; ein stark abgeschnittener Einfügevorgang kann die Cue-Erkennung stören.
• Sprechernamen wie Jordan: erscheinen noch innerhalb der Absätze: aktiviere Sprecherkennungen entfernen, es ist nur dann deaktiviert, wenn du es geändert hast.
• <i>- oder <b>-Tags erscheinen als wörtlicher Text auf der Seite, statt irgendetwas zu stylen: aktiviere Formatierungs-Tags entfernen; die eigenen Formatierungs-Tags von SRT sind kein gültiges eigenständiges HTML und müssen entfernt werden, statt roh übernommen zu werden.
• Die gesamte Transkription wird als ein einziger Absatz dargestellt: erwartet, sobald viele kurze Cues zusammengeführt werden; deaktiviere In Absätze zusammenführen, um statt dessen ein <p> pro ursprünglichem Cue zu erhalten.
• Akzentbuchstaben oder nicht-englischer Text erscheinen als verstümmelte Zeichen wie é: die Quell-.srt wurde nicht als UTF-8 gespeichert; exportiere oder speichere sie erneut als UTF-8 und lade sie neu hoch.
• Du willst, dass die Transkription zum Look deiner Website passt: der Konverter fügt bewusst kein CSS hinzu; ergänze einen <link> zu deinem eigenen Stylesheet im <head>, oder füge die <p>-Absätze in eine bestehende Seite ein.

Was dieses Werkzeug bewusst nicht tut

Es fügt kein CSS-Styling, keine Layout-Vorlage und kein Branding hinzu, die Ausgabe ist bewusst minimal gehalten, damit sie sich sauber in jede Website oder jedes Stylesheet einfügt, das du bereits hast. Es korrigiert auch keine fehlende Zeichensetzung, die der Quell-SRT fehlt; wenn eine automatisch erzeugte Datei überhaupt keine Punkte enthält, ist es der zuverlässigere Weg, das Zusammenführen von Absätzen auszuschalten und zunächst die Ausgabe mit einer Zeile pro Cue zu prüfen, bevor du zu HTML konvertierst.