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 selaimen sisäinen SRT - VTT-muunnin. Muunna tiedostoja välittömästi laitteellasi.

Tarkastele ja metatiedot

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

Valitse tai pudota tiedostot tähän

100 % yksityinen selaimen sisäinen muunnos - tiedostot eivät poistu laitteeltasi

tai liitä Ctrl+V
Tietosuojatakuu: 0 % verkkosiirtoa 0 tavua ladattu ulkoisille palvelimille. Kaikki käsittely tapahtui paikallisesti selaimen hiekkalaatikossa.

Tavutason otsikon allekirjoitus (Magic Bytes)

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

HEX-ALLEKIRJOITUS (OFFSET 0):

57 45 42 56 54 54

ASCII-ESITYSTAPA: WEBVTT

Standardointi: W3C WebVTT Recommendation

Tekniset tiedot

SäiliöarkkitehtuuriUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
PakkausUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
Tavujärjestys (Endianness)UTF-8 text stream
VäriavaruudetFull CSS Color Module Level 4 support in cue styles
Kanavat ja rakenneTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Suurimmat mitatUnbounded sequential cues
LäpinäkyvyysFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Suoratoisto ja progressiivinen latausNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

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-suoratoistoUniversaali suoratoistolähetysten standardiTuettu muxauksen kauttaRajoitettu suoratoistotukiEi mitään
OtsikkovaatimusTiukka 'WEBVTT'-taikatekstirivi 1Ei otsikkoa vaadita[Script Info] -osioEi otsikkoa vaadita

Yleiset korruptiotilat ja heksatietojehdotusopas

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

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

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

Turvallisuusanalyysi ja jäsenninhyö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 verkkovideo-ohjaimen DOM:iin.
  • Palvelinpuolen pyyntöjen väärennös (SSRF) automatisoidun palvelinpuolen tekstitysten pikkukuvien luonnin aikana.
  • Palvelunestohyökkäys virheellisten CSS-tekstitysvalitsimien kautta.

Parhaat puolustuskäytännöt:

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

  • Natiivi HTML5-verkkostandardi: kaikkien verkkoselaimien suoraan tukema <track>-elementissä ilman ulkoisia kirjastoja.
  • Monipuolinen CSS-tyylitystuki: muokkaa värejä, fontteja, taustoja ja sijainteja natiivin '::cue' CSS-pseudoelementin avulla.
  • Ensiluokkainen suoratoistotuki: integroitu Apple HLS- ja MPEG-DASH -suoratoistomanifesteihin lähetystekstityksiä varten.

Tekniset rajoitukset

  • Tiukka otsikkovaatimus: tiedoston on allettava 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 allettava 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 luvuissa ja interaktiivisissa pikkukuvien työkaluvinkeissä vietäessä hiirtä videon skrubbauspalkin päälle.

Usein kysytyt tekniset kysymykset

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

WebVTT on virallinen verkkostandardimuoto tekstitysten, kuvatekstien, lukujen 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.