WebVTT titl (.vtt)

W3C Standard

Web Video Text Tracks (WebVTT) je zvanični W3C veb-standard za titlove, natpise i opise poglavlja, izvorno integrisan u HTML5 video elemente (<track>) i savremene tokove HTTP striminga uživo (HLS).

Konvertujte SRT u VTT

Besplatan konvertor SRT u VTT u pregledaču. Konvertujte datoteke odmah na svom uređaju.

Pregled i metapodaci

Operativni sistemi i analizatori datoteka identifikuju WebVTT datoteke proverom početnog binarnog niza bajtova:

Izaberite ili prevucite datoteke ovde

Privatno - datoteke nikada ne napuštaju vaš uređaj

ili nalepite Ctrl+V
Garancija privatnosti: bez prenosa podataka preko mreže 0 bajtova poslato spoljnim serverima. Sva obrada je izvršena lokalno u bezbednom okruženju vašeg pregledača.

Potpis zaglavlja na nivou bajtova (magični bajtovi)

Operativni sistemi i analizatori datoteka identifikuju WebVTT datoteke proverom početnog binarnog niza bajtova:

HEKSADECIMALNI POTPIS (OFFSET 0):

57 45 42 56 54 54

ASCII REPREZENTACIJA: WEBVTT

Standardizacija: W3C WebVTT Recommendation

Tehničke specifikacije

Arhitektura kontejneraUTF-8 tekstualna datoteka koja počinje potpisom 'WEBVTT', iza kog slede opcioni blokovi STYLE i NOTE i sekvencijalni blokovi titlova
KompresijaNekomprimiran običan tekst (obično komprimovan preko HTTP-a pomoću Gzip-a ili Brotli-ja)
Bajtni redosled (Endianness)UTF-8 tekstualni tok
Prostori bojaPotpuna podrška za CSS Color Module Level 4 u stilovima titlova
Kanali i strukturaTitlovi sa vremenskim kodovima, pouzdanost prepoznavanja govora, CSS stilizovanje i podešavanja položaja na ekranu
Maksimalne dimenzijeNeograničeni sekvencijalni titlovi
TransparentnostPotpuna podrška za CSS neprozirnost i alfa-providnost putem pseudoelementa '::cue'
Strimovanje i progresivno učitavanjeIzvorni striming u HTML5 elementima <video> i manifestima HLS / DASH video-striminga uživo

Tehnička matrica poređenja: WebVTT u odnosu na konkurente

Tehnički atributWebVTT (Trenutno)SRTASSSUB
HTML5 veb integracija100% izvorni standard (<track>)Zahteva JS konverzijuZahteva WebAssemblyZahteva konverziju
CSS stilizovanjePotpuno izvorno CSS stilizovanje (::cue)Samo osnovne HTML oznakeVlasničke oznake za prepisivanjeNema
HLS / DASH strimingWebVTT se koristi za tekstualne trake sa vremenskim oznakama u video-plejerima pregledača i nekim plejlistama za striming; podrška plejera zavisi od formata isporuke.Podržano multipleksiranjemOgraničena podrška za strimingNema
Zahtev za zaglavljeStrogo 'WEBVTT' magični tekst u 1. reduNije potrebno zaglavlje[Script Info] sekcijaNije potrebno zaglavlje

Uobičajeni režimi oštećenja i vodič za heksadecimalni oporavak

Greška u konzoli pregledača: 'Neispravna WebVTT datoteka: nedostaje potpis WEBVTT'.

Osnovni uzrok: Nedostaje 'WEBVTT' niska u 1. redu ili postoje prazni redovi pre zaglavlja.

Oporavak: Dodajte 'WEBVTT\n\n' na početak datoteke koristeći File2File.app Subtitle Converter.

Bezbednosna analiza i vektori napada parsera

WebVTT parseri u veb pretraživačima obrađuju nepoverljive titlove što može dovesti do XSS (Cross-Site Scripting) ranjivosti ako se renderuju bez pročišćavanja u DOM-u.

Poznati vektori napada

  • XSS injekcija putem neočišćenog HTML sadržaja titla unetog u DOM veb video plejera.
  • SSRF (Server-Side Request Forgery) tokom automatskog generisanja sličica titlova na serverskoj strani.
  • Uskraćivanje usluge (DoS) kroz loše formirane CSS selektore titlova.

Najbolje prakse za zaštitu: Oslonite se na izvorno prikazivanje elementa <track> u pregledaču, a sadržaj segmenata očistite pre ručnog ubacivanja u DOM.

Istorijat i prekretnice

2019W3C zvanično unapređuje WebVTT format (The Web Video Text Tracks Format) ka statusu predložene preporuke.
2011Preimenovan iz WebSRT u WebVTT radi uspostavljanja jasnog W3C standarda odvojenog od klasičnog SubRip-a.
2010WHATWG uvodi WebVTT kako bi rešio pitanje izvornog prikazivanja titlova u HTML5 oznaci <video>.

Ključne prednosti

  • HTML <track> element koristi WebVTT za natpise i titlove. Pregledači prikazuju vremenske oznake i stilove segmenata kroz video-plejer, uz razlike u podržanim funkcijama.
  • Bogata podrška za CSS stilizovanje: prilagodite boje, fontove, pozadine i pozicije koristeći izvorni CSS pseudoelement '::cue'.
  • HLS i MPEG-DASH servisi mogu da isporučuju WebVTT trake sa natpisima uz video-segmente. Proverite da li ciljni plejer podržava pakovanje titlova u plejlistu i jezičke trake.

Tehnička ograničenja i nedostaci

  • Strog uslov za zaglavlje: fajl mora početi tačnim tekstom 'WEBVTT' u samom prvom redu ili će ga pretraživači odbaciti.
  • Separator u obliku tačke za milisekunde ('00:01:20.500') zahteva konverziju iz starijih SRT fajlova razdvojenih zarezom.
  • Stariji hardverski plejeri koji nisu pretraživači (poput jeftinih USB medijskih kutija) često nemaju izvornu WebVTT podršku.

Zanimljivosti

  • Svaki validan WebVTT fajl mora početi tačnom rečju 'WEBVTT' u prvom redu; sve drugo uzrokuje da pretraživači ignorišu fajl.
  • WebVTT se prvobitno zvao 'WebSRT' jer je namerno dizajniran da izgleda skoro identično klasičnim SRT titlovima.
  • WebVTT se takođe može koristiti za video poglavlja i interaktivne sličice (thumbnail) prilikom prelaza mišem preko trake za premotavanje videa.

Često postavljana tehnička pitanja

Za šta se koristi WebVTT?

WebVTT je zvanični standardni veb-format za dodavanje titlova, opisa, poglavlja i opisa HTML5 <video> elementima na veb-sajtovima.

Kako mogu da konvertujem SRT titl u WebVTT?

Možete konvertovati SRT fajlove u čiste WebVTT fajlove jednim klikom koristeći File2File.app direktno u Vašem pretraživaču.

Zašto se moji WebVTT titlovi ne prikazuju u pretraživaču?

Uverite se da Vaš fajl počinje sa 'WEBVTT' u 1. liniji, da ima praznu liniju ispod nje i da Vaš veb-server isporučuje fajl sa 'Content-Type: text/vtt' zaglavljem.