UltKit

SRT naar VTT

Browsers tonen ondertitels uit een <track>-element alleen in WebVTT. Een SRT-bestand dat in VLC prima werkt, laat op een webpagina dus niets zien. Zet het hier om naar VTT en dezelfde ondertitels verschijnen in elke HTML5-speler.

Ondertitelconverter

of sleep SRT, VTT, ASS …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

  1. 1

    Sleep de .srt-bestanden hierheen

    Voeg één ondertitelbestand toe, of één per taal, tot 20 bestanden van elk 95 MB. Oude tekencoderingen worden herkend en herschreven als UTF-8, wat WebVTT vereist.

  2. 2

    Pas de timing aan indien nodig

    Laat alles zoals het is voor een directe conversie. Lopen de ondertitels voor of achter op je video, vul dan onder Geavanceerde instellingen bij Timing verschuiven het aantal seconden in.

  3. 3

    Converteer naar WebVTT

    Klik op Converteren naar WebVTT (VTT) en download de .vtt-bestanden. Upload ze naast je video; onze kopieën worden na 30 minuten verwijderd.

Upload de SRT en klik op Converteren naar WebVTT (VTT). Je krijgt een bestand met de vereiste WEBVTT-kop, milliseconden gescheiden door een punt en UTF-8-tekst, klaar voor het <track>-element, Video.js, Plyr of een cursusplatform.

Waarom webspelers VTT nodig hebben in plaats van SRT

SRT kwam rond 2000 uit de wereld van het rippen van dvd's en werd de standaard voor desktopspelers, editors en downloads. WebVTT werd in 2010 voor het web ontworpen, op basis van de syntaxis van SRT, en de HTML-standaard maakte er het formaat van het <track>-element van. Chrome, Firefox, Safari en Edge lezen het allemaal native, en geen van hen leest SRT via een track.

In een teksteditor lijken de twee bijna identiek, en daarom wordt het verschil vaak over het hoofd gezien. Een VTT-bestand moet beginnen met WEBVTT, moet UTF-8 zijn en schrijft 00:01:05.300 waar SRT 00:01:05,300 schrijft. Daarbovenop kan VTT posities, opmaak en opmerkingen bevatten die SRT nooit had. Van SRT naar VTT gaan verliest dus niets; de omgekeerde weg via VTT naar SRT laat die extra's vallen.

Heb je eenmaal de .vtt, koppel die dan aan je pagina zoals hieronder getoond. Voor een video in een formaat dat browsers niet afspelen, zoals een .mov van een iPhone, behandelt de gids over MOV naar MP4 converteren die andere helft van het werk.

HTML voor een video met de geconverteerde Engelse ondertitels
<video controls src="college.mp4">
  <track kind="subtitles" src="college.en.vtt"
         srclang="en" label="Engels" default>
</video>

SRT vs. VTT: alle verschillen die ertoe doen

Dezelfde cue in beide formaten
AspectSRTWebVTT
Eerste regel van het bestandCuenummer `1``WEBVTT`
Tijdcode`00:01:05,300``00:01:05.300` (uren optioneel)
CuenummersVerplichtOptionele identificaties
TekstcoderingAlles, vaak oude codepagina'sAlleen UTF-8
Positie en uitlijningNiet gestandaardiseerdCue-instellingen zoals `line` en `align`
Opmaak`<i>`, `<b>`, `<u>`, `<font>``<i>`, `<b>`, `<u>`, klassen opgemaakt met CSS
MIME-type op een server`application/x-subrip``text/vtt`

SRT

SubRip-ondertitels

SRT is het ondertitelformaat van SubRip, een gratis Windows-programma dat rond 2000 ondertitels uit video haalde. Elk item is een blok platte tekst met een nummer, een begin- en eindtijd en de ondertiteltekst. Het is het meest breed ondersteunde ondertitelformaat en wordt geaccepteerd door VLC, YouTube, Facebook, videobewerkingsprogramma's en smart-tv's. SRT heeft alleen basisopmaak en geen standaard voor positionering of stijl.

Compressie
–
Transparantie
–
Animatie
–
Geïntroduceerd
SubRip
SRT-converter

VTT

WebVTT-ondertitels

VTT is het Web Video Text Tracks-formaat, rond 2010 ontwikkeld door WHATWG en het W3C voor HTML5-video. Het lijkt op SRT, maar voegt een WEBVTT-header toe en ondersteunt positionering, opmaak, sprekerlabels en metadata. Browsers gebruiken het voor ondertitels via het element <track>, en streamingplatforms en YouTube accepteren het. Sommige desktopspelers en editors verwachten juist SRT.

Compressie
–
Transparantie
–
Animatie
–
Geïntroduceerd
2010 · W3C / WHATWG
VTT-converter

HTML5-video laadt WebVTT alleen via het track-element, dus SRT-ondertitels die voor desktopspelers zijn gemaakt, moeten VTT worden voordat ze op een webpagina kunnen verschijnen.

VTT-ondertitels worden niet weergegeven in de browser

  • Ondertitels werken online, maar niet als je het HTML-bestand vanaf je schijf opent

    Browsers blokkeren tracks die vanaf file://-pagina's worden geladen. Test via een lokale webserver of op de echte site.

  • Het ondertitelspoor wordt van een ander domein geladen en blijft leeg

    Voeg crossorigin toe aan het <video>-element en sta je site toe in de CORS-headers van de server waarop de .vtt staat.

  • De server stuurt het bestand als text/plain

    Stel de server in om .vtt als text/vtt te leveren; sommige spelers weigeren andere typen.

  • Elke ondertitel verschijnt een seconde te vroeg

    Converteer opnieuw met een positieve waarde bij Timing verschuiven, zoals 1, en vervang het bestand.

Vragen over SRT naar VTT

Wat verandert de converter in het bestand?

Het voegt bovenaan de regel WEBVTT toe, vervangt de komma vóór de milliseconden door een punt en slaat het bestand op als UTF-8. WebVTT staat cuenummers toe als optionele identificatie, en de ondertiteltekst zelf blijft ongewijzigd.

Kan ik .srt niet gewoon hernoemen naar .vtt?

Nee. Zonder de WEBVTT-kop en met komma's in de tijdcodes weigeren browsers het ondertitelspoor of slaan ze elke cue over. Het bestand moet worden herschreven, wat hier een seconde duurt.

Blijven cursief en vet behouden?

Ja, <i>, <b> en <u> bestaan in beide formaten. De <font color>-tag van SRT heeft geen directe tegenhanger in WebVTT, omdat WebVTT cues kleurt via CSS-klassen. Zet Opmaaktags verwijderen aan als je bestand deze tag veel gebruikt.

Welk bestand wil mijn cursusplatform hebben?

De meeste leerplatforms en webspelers accepteren WebVTT, en veel ook SRT. Staat er in een uploadformulier alleen .vtt, converteer dan hier; staat er alleen .srt, gebruik dan VTT naar SRT voor de omgekeerde weg.

Kan ik ondertitels boven in beeld plaatsen?

WebVTT ondersteunt dit met cue-instellingen zoals line:0, die je na het converteren in een teksteditor kunt toevoegen. SRT kent geen standaardmanier om een positie vast te leggen, dus de geconverteerde cues beginnen op de standaardpositie onderaan.

Hoe voeg ik meerdere talen toe aan één video?

Converteer de SRT van elke taal en voeg per bestand één <track> toe met een eigen srclang en label. Kijkers kiezen de taal in het ondertitelmenu van de speler.