WebVTT-tekstitys (.vtt)

W3C Standardi

Web Video Text Tracks (WebVTT) on virallinen W3C-verkkostandardi tekstityksille, kuvateksteille ja lukukuvauksille. Se on integroitu natiivisti HTML5-videoelementteihin (<track>) ja moderniin HTTP-suoratoistoon (HLS).

Muunna tiedostot muodosta SRT muotoon VTT

Ilmainen selaimessa toimiva muunnin, jolla voit muuntaa tiedostoja muodosta SRT muotoon VTT. Muunna tiedostot hetkessä laitteellasi.

Tarkastele tiedostoa ja sen metatietoja

Käyttöjärjestelmät ja tiedostoanalyysaattorit tunnistavat WebVTT-tiedostot tarkistamalla tiedoston alun binäärisarjan:

Valitse tai pudota tiedostot tähän

Yksityisesti - tiedostot eivät koskaan poistu laitteeltasi

tai liitä Ctrl+V
Tietosuojatakuu: 0 % verkkosiirtoa Ulkoisille palvelimille ei ole ladattu yhtään tavua. Kaikki käsittely tapahtui paikallisesti selaimen hiekkalaatikossa.

Otsaketunniste tavutasolla (tunnistetavut)

Käyttöjärjestelmät ja tiedostoanalyysaattorit tunnistavat WebVTT-tiedostot tarkistamalla tiedoston alun binäärisarjan:

HEKSADEKSIMAALINEN TUNNISTE (SIJAINTI 0):

57 45 42 56 54 54

ASCII-ESITYSTAPA: WEBVTT

Standardointi: W3C WebVTT Recommendation

Tekniset tiedot

SäiliöarkkitehtuuriUTF-8-tekstitiedosto, joka alkaa WEBVTT-tunnisteella ja sisältää valinnaisia STYLE- ja NOTE-lohkoja sekä peräkkäisiä tekstitysjaksoja
PakkausPakkaamaton raakateksti (pakataan yleensä HTTP-yhteydessä Gzip- tai Brotli-muodossa)
Tavujärjestys (Endianness)UTF-8-tekstivirta
VäriavaruudetTäysi CSS Color Module Level 4 -värituki tekstitysjaksojen tyyleissä
Kanavat ja rakenneAikaleimatut tekstitysosuudet, puheentunnistuksen luotettavuusarvot, CSS-tyylit ja sijaintiasetukset
Suurimmat mitatRajoittamaton määrä peräkkäisiä tekstitysjaksoja
Läpinäkyvyys::cue-pseudoelementti tukee CSS:n peittävyyttä ja alfakanavan läpinäkyvyyttä
Suoratoisto ja progressiivinen latausNatiivi suoratoistotuki HTML5:n <video>-elementeissä sekä HLS- ja DASH-suoratoistolistauksissa

Tekninen vertailumatriisi: WebVTT vs. kilpailijat

Tekninen attribuuttiWebVTT (Nykyinen)SRTASSSUB
HTML5-verkkointegraatio100-prosenttisesti natiivistandardi (<track>)Vaatii JS-muunnoksenVaatii WebAssemblynVaatii muunnoksen
CSS-tyylitysTäysi natiivi CSS-tyylitys (::cue)Vain perus-HTML-tunnisteetOmisteiset ohitustunnisteetEi mitään
HLS- / DASH-suoratoistoWebVTT:tä käytetään ajoitetuissa tekstitysraidoissa selainvideoissa ja joissakin suoratoistolistoissa; soittimen tuki riippuu toimitusmuodosta.Tuettu muxauksen kauttaRajoitettu suoratoistotukiEi mitään
OtsikkovaatimusTiukka 'WEBVTT'-taikatekstirivi 1Ei otsikkoa vaadita[Script Info] -osioEi otsikkoa vaadita

Yleiset vioittumistavat ja heksadesimaalinen palautusopas

Selaimen konsolivirhe: 'Malformed WebVTT file: Missing WEBVTT signature'.

Perussyy: Puuttuva 'WEBVTT'-merkkijono rivillä 1 tai tyhjiä rivejä ennen otsikkoa.

Korjaus: Lisää tiedoston alkuun 'WEBVTT\n\n' tiedoston alkuun File2File.app Subtitle Converter -muuntimella.

Tietoturva-analyysi ja tiedostojäsentimien hyökkäysvektorit

Verkkoselaimien WebVTT-jäsennysprosessit käsittelevät epäluotettavia tekstityksiä, mikä voi johtaa sivustojen väliseen komentosarja-ajoon (XSS), jos niitä renderöidään puhdistamattomina DOM-rakenteeseen.

Tunnetut hyökkäysvektorit

  • XSS-injektio puhdistamattoman HTML-tekstityssisällön kautta, joka on syötetty verkkovideosoittimen DOM:iin.
  • Palvelinpuolen pyyntöjen väärennös (SSRF) automatisoidun palvelinpuolen tekstitysten pikkukuvien luonnin aikana.
  • Palvelunestohyökkäys virheellisten CSS-tekstitysvalitsimien kautta.

Tietoturvan parhaat käytännöt: Luota natiiviin selaimen <track>-renderöintiin ja puhdista tekstityssisällöt ennen manuaalista DOM-lisäystä.

Historia ja virstanpylväät

2019W3C edistää virallisesti WebVTT:tä (The Web Video Text Tracks Format) kohti ehdotettua suositusta.
2011Nimeksi vaihdettiin WebSRT:stä WebVTT:ksi erillisen, klassisesta SubRipistä erottuvan W3C-standardin luomiseksi.
2010WHATWG esittelee WebVTT:n ratkaisemaan natiivit tekstitystarpeet HTML5 <video> -tunnisteelle.

Tärkeimmät edut

  • HTML:n <track>-elementti käyttää WebVTT:tä tekstityksiin ja kuvateksteihin. Selaimet näyttävät tekstitysten ajoituksen ja tyylit videotoistimen kautta, mutta tuettujen ominaisuuksien välillä on eroja.
  • Monipuolinen CSS-tyylitystuki: muokkaa värejä, fontteja, taustoja ja sijainteja natiivin '::cue' CSS-pseudoelementin avulla.
  • HLS- ja MPEG-DASH-palvelut voivat toimittaa WebVTT-tekstitysraitoja videosegmenttien rinnalla. Varmista, että kohdesoitin tukee soittolistaan pakattuja tekstityksiä ja kieliraitoja.

Tekniset rajoitukset

  • Tiukka otsikkovaatimus: tiedoston on alettava tarkalleen tekstillä 'WEBVTT' aivan ensimmäisellä rivillä, muuten selaimet hylkäävät sen.
  • Piste millisekunnin erottimena ('00:01:20.500') vaatii muunnoksen vanhoista pilkulla erotetuista SRT-tiedostoista.
  • Vanhemmilta, ei-selaimia käyttäviltä laitteilta (kuten halvoilta USB-mediasoittimilta) puuttuu usein natiivi WebVTT-tuki.

Mielenkiintoisia teknisiä faktoja

  • Jokaisen kelvollisen WebVTT-tiedoston on alettava täsmälleen sanalla 'WEBVTT' ensimmäisellä rivillä; mikä tahansa muu saa selaimet jättämään tiedoston huomioimatta.
  • WebVTT:tä kutsuttiin alun perin nimellä 'WebSRT', koska se suunniteltiin tarkoituksella näyttämään lähes identtiseltä klassisten SRT-tekstitysten kanssa.
  • WebVTT:tä voidaan käyttää myös videoiden lukumerkintöihin ja interaktiivisiin pikkukuvien työkaluvihjeisiin vietäessä hiirtä videon skrubbauspalkin päälle.

Usein kysytyt tekniset kysymykset

Mihin WebVTT:tä käytetään?

WebVTT on virallinen verkkostandardimuoto tekstitysten, kuvatekstien, lukumerkintöjen ja kuvausten lisäämiseen verkkosivustojen HTML5 <video>-elementteihin.

Miten voin muuntaa SRT-tekstityksen WebVTT-muotoon?

Voit muuntaa SRT-tiedostot puhtaiksi WebVTT-tiedostoiksi yhdellä napsautuksella File2File.app-palvelun avulla suoraan selaimessasi.

Miksi WebVTT-tekstitykseni eivät näy selaimessa?

Varmista, että tiedostosi alkaa rivillä 'WEBVTT', sen jälkeen on tyhjä rivi ja että verkkopalvelimesi palvelee sitä 'Content-Type: text/vtt' -otsikolla.