WebVTT subtitrai (.vtt)

W3C Standartinis

„Web Video Text Tracks" (WebVTT) yra oficialus W3C žiniatryklės standartas, skirtas titrams, subtitrams ir skyrių aprašymams, kuris yra integruotas į HTML5 vaizdo įrašų elementus (<track>) ir šiuolaikinį HTTP tiesioginį transliavimą (HLS).

Konvertuoti SRT į VTT

Nemokamas SRT į VTT konverteris naršyklėje. Konvertuokite failus akimirksniu savo įrenginyje.

Tikrinti ir metaduomenys

Operacinės sistemos ir failų analizatoriai atpažįsta WebVTT failus tikrindami pradinę dvejetainę baitų seką:

Pasirinkite arba nuvilkite failus čia

100% privatus konvertavimas naršyklėje - failai niekada nepalieka jūsų įrenginio

arba įklijuokite Ctrl+V
Nulinio tinklo perdavimo privatumo garantija: 0 baitų įkelta į išorinius serverius. Visas apdorojimas vyko vietoje, jūsų naršyklės smėlio dėžėje (sandbox).

Baitų lygio antraštės parašas (magiškieji baitai)

Operacinės sistemos ir failų analizatoriai atpažįsta WebVTT failus tikrindami pradinę dvejetainę baitų seką:

ŠEŠIOLIKTAINIS PARAŠAS (POSLINKIS 0):

57 45 42 56 54 54

ASCII ATVAIZDAVIMAS: WEBVTT

Standartizacija: W3C WebVTT Recommendation

Techninės specifikacijos

Konteinerio architektūraUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
GlaudinimasUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
Baitų seka (Endianness)UTF-8 text stream
Spalvų erdvėsFull CSS Color Module Level 4 support in cue styles
Kanalai ir struktūraTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Maksimalūs matmenysUnbounded sequential cues
SkaidrumasFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Srautas ir progresyvusis įkėlimasNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

Techninė palyginimo matrica: WebVTT vs konkurentai

Techninis atributasWebVTT (Dabartinis)SRTASSSUB
HTML5 žiniatryklės integracija100% vietinis standartas (<track>)Reikalingas JS konvertavimasReikalingas „WebAssembly"Reikalingas konvertavimas
CSS stiliaiPilnas vietinis CSS stilių palaikymas (::cue)Tik pagrindinės HTML žymosNuosavybinės perrašymo žymosNėra
HLS / DASH transliavimasVisuotinis transliavimo transliacijų standartasPalaikoma per multipleksavimąRibotas transliavimo palaikymasNėra
Antraštės reikalavimasGriežta „WEBVTT" magiškojo teksto 1-a eilutėAntraštė nereikalinga[Script Info] skyriusAntraštė nereikalinga

Dažni sugadinimo režimai ir šešioliktainio atkūrimo vadovas

Naršyklės konsolės klaida: „Malformed WebVTT file: Missing WEBVTT signature".

Pirminė priežastis: 1-oje eilutėje trūksta eilutės „WEBVTT" arba prieš antraštę yra tuščių eilučių.

Atkūrimas: Pridėkite „WEBVTT\n\n" failo viršuje naudodami „File2File Subtitle Converter" įrankį.

Saugumo analizė ir analizatoriaus atakos vektoriai

„WebVTT" analizatoriai naršyklėse apdoroja nepatikimus elementus, kurie gali sukelti svetainių tarpusavio skriptų (XSS) atakų riziką, jei jie netinkamai išvalyti ir įterpti į DOM.

Žinomi atakos vektoriai

  • XSS injekcija per neišvalytą HTML elementų turinį, įterptą į žiniatryklės vaizdo grotuvo DOM.
  • Serverio pusės užklausų klastojimas (SSRF) automatiškai generuojant serverio pusės subtitrų miniatiūras.
  • Paslaugų trikdymas per neteisingai suformuotus CSS elementų selektorius.

Geriausia apsaugos praktika:

Istorinė kilmė ir svarbiausi etapai

2019W3C oficialiai virsmo „WebVTT: The Web Video Text Tracks Format" link siūlomos rekomendacijos.
2011Perdarytas iš „WebSRT" į „WebVTT", siekiant sukurti atskirą W3C standartą, nepriklausomą nuo klasikinio „SubRip".
2010WHATWG pristato „WebVTT", kad išspręstų gimtųjų titrų rodymo problemą HTML5 <video> žymai.

Pagrindiniai privalumai

  • Vietinis HTML5 žiniatryklės standartas: tiesiogiai palaikomas visų naršyklių <track> elemente be jokių išorinių bibliotekų.
  • Palaiko pažangų CSS stilių pritaikymą: tinkinkite spalvas, šriftus, fonus ir pozicijas naudodami gimtąjį „::cue" CSS pseudoelementą.
  • Aukščiausio lygio tiesioginio transliavimo palaikymas: integruotas į „Apple HLS" ir „MPEG-DASH" srauto manifestus transliacijos titrams.

Techniniai apribojimai ir trūkumai

  • Griežtas antraštės reikalavimas: failas privalo prasidėti tiksliu tekstu „WEBVTT" pačioje pirmoje eilutėje, kitaip naršyklės jį atmes.
  • Taško milisekundžių skyriklis („00:01:20.500") reikalauja konvertavimo iš senųjų kableliais atskirtų SRT failų.
  • Senesnėse ne naršyklių techninėse priemonėse (pavyzdžiui, pigiuose USB medijos leistuvuose) dažnai trūksta vietinio „WebVTT" palaikymo.

Įdomūs techniniai faktai

  • Kiekvienas galiojantis „WebVTT" failas pirmoje eilutėje turi prasidėti tiksliu žodžiu „WEBVTT"; bet kas kita priverčia naršykles ignoruoti failą.
  • „WebVTT" iš pradžių vadinosi „WebSRT", nes buvo specialiai sukurtas taip, kad atrodytų beveik identiškai klasikiniams SRT subtitrams.
  • „WebVTT" taip pat gali būti naudojamas vaizdo įrašų skyriams ir interaktyviems miniatiūrų paaiškinimams užvedus pelę ant vaizdo paieškos juostų.

Dažniausiai užduodami techniniai klausimai

Kam naudojamas WebVTT?

WebVTT yra oficialus žiniatinklio standarto formatas, skirtas pridėti subtitrus, antraštes, skyrelius ir aprašymus prie HTML5 <video> elementų svetainėse.

Kaip konvertuoti SRT subtitrus į WebVTT?

Galite konvertuoti SRT failus į švarius WebVTT failus vienu paspaudimu naudodami File2File.app tiesiai savo naršyklėje.

Kodėl mano WebVTT subtitrai nerodomi naršyklėje?

Įsitikinkite, kad jūsų failas 1 eilutėje prasideda užrašu „WEBVTT“, po jo yra tuščia eilutė, o jūsų žiniatinklio serveris jį pateikia su antrašte „Content-Type: text/vtt“.