WebVTT felirat (.vtt)

W3C Szabvány

A Web Video Text Tracks (WebVTT) a W3C hivatalos webes szabványa feliratokhoz, képaláírásokhoz és fejezetleírásokhoz, amely natívan be van építve a HTML5 video elemekbe (<track>) és a modern HTTP live streaming (HLS) technológiába.

SRT konvertálása erre: VTT

Ingyenes, böngészőben használható SRT-konverter VTT formátumba. A fájlokat azonnal konvertálhatja az eszközén.

Vizsgálat és metaadatok

Az operációs rendszerek és a fájlelemzők a kezdő bináris bájtsorozat vizsgálatával azonosítják a(z) WebVTT fájlokat:

Válasszon ki vagy húzzon ide fájlokat

Privát - a fájlok soha nem hagyják el az eszközét

vagy beillesztés Ctrl+V
Adatvédelmi garancia hálózati adatátvitel nélkül: 0 bájt került fel külső szerverekre. Minden feldolgozás helyben, a böngésző elkülönített környezetében történt.

Bájtszintű fejlécaláírás (fájlazonosító bájtok)

Az operációs rendszerek és a fájlelemzők a kezdő bináris bájtsorozat vizsgálatával azonosítják a(z) WebVTT fájlokat:

HEX ALÁÍRÁS (ELTOLÁS 0):

57 45 42 56 54 54

ASCII ÁBRÁZOLÁS: WEBVTT

Szabványosítás: W3C WebVTT Recommendation

Műszaki specifikációk

Konténer architektúra„WEBVTT” aláírással kezdődő UTF-8 szövegfájl, amelyet opcionális STYLE- és NOTE-blokkok, majd egymást követő feliratblokkok követnek
TömörítésTömörítetlen egyszerű szöveg (HTTP-n rendszerint Gzip vagy Brotli tömöríti)
BájtsorrendUTF-8 szövegfolyam
SzínterekA feliratstílusok teljes CSS Color Module Level 4 támogatása
Csatornák és struktúraIdőkódolt feliratblokkok, beszédfelismerési megbízhatóság, CSS-stílusok és képernyőpozíció-beállítások
Max. méretekA feliratblokkok száma nincs korlátozva
ÁtlátszóságA „::cue” pszeudoelem teljes CSS-átlátszóságot és alfacsatorna-átlátszóságot támogat
Streaming és progresszívNatív adatfolyam-kezelés HTML5 <video> elemekben, valamint HLS / DASH élő videómanifeszteknél

Műszaki összehasonlító mátrix: WebVTT vs. versenytársak

Technikai attribútumWebVTT (Jelenlegi)SRTASSSUB
HTML5 webes integráció100%-ban natív szabvány (<track>)JS konverziót igényelWebAssemblyt igényelKonverziót igényel
CSS formázásTeljes körű natív CSS formázás (::cue)Csak alapvető HTML címkékZárt formátumú felülbírálási címkékNincs
HLS / DASH streamingA WebVTT-t időzített szövegsávokhoz használják böngészős videókban és egyes streaming lejátszási listákban; a lejátszó támogatása a továbbítási formátumtól függ.Muxolással támogatvaKorlátozott streaming támogatásNincs
Fejléc követelménySzigorú 'WEBVTT' varázsszöveg az 1. sorbanNincs szükség fejlécre[Script Info] szekcióNincs szükség fejlécre

Gyakori sérülési módok és hexadecimális helyreállítási útmutató

Böngésző konzolhiba: 'Malformed WebVTT file: Missing WEBVTT signature'.

Kiváltó ok: Hiányzó 'WEBVTT' sztring az 1. sorban, vagy üres sorok a fejléc előtt.

Helyreállítás: Illessze be a 'WEBVTT\n\n' szöveget a fájl tetejére a File2File.app Subtitle Converter használatával.

Biztonsági elemzés és elemző (parser) támadási vektorok

A webböngészőkben lévő WebVTT elemzők nem megbízható feliratokat dolgoznak fel, amelyek Cross-Site Scriptinghez (XSS) vezethetnek, ha fertőtlenítés nélkül jelennek meg a DOM-ba.

Ismert támadási vektorok

  • XSS-befecskendezés a webes videólejátszó DOM-jába beszúrt, nem fertőtlenített HTML felirattartalmakon keresztül.
  • Szerveroldali kéréshamisítás (SSRF) az automatizált szerveroldali felirat bélyegkép generálás során.
  • Szolgáltatásmegtagadás (DoS) a hibás CSS-feliratszelektorok miatt.

Ajánlott védekezési módszerek: Hagyatkozzon a natív böngésző <track> megjelenítésére, és tisztítsa meg a feliratadatokat a manuális DOM-ba történő beillesztés előtt.

Történeti háttér és mérföldkövek

2019A W3C hivatalosan Javasolt Ajánlás (Proposed Recommendation) felé lépteti elő a WebVTT formátumot.
2011Átnevezve WebSRT-ről WebVTT-re, hogy egyértelműen különálló W3C szabványt hozzanak létre a klasszikus SubRip-től.
2010A WHATWG bevezeti a WebVTT-t a HTML5 <video> címke natív feliratozási problémáinak megoldására.

Főbb előnyök

  • A HTML <track> elem WebVTT-t használ képaláírásokhoz és feliratokhoz. A böngészők a videólejátszón keresztül jelenítik meg az időzítést és a stílusokat, de a támogatott feliratfunkciók eltérhetnek.
  • Gazdag CSS-stílus támogatás: színek, betűtípusok, háttérszínek és pozíciók testreszabása a natív '::cue' CSS pszeudo-elemmel.
  • A HLS- és MPEG-DASH-szolgáltatások WebVTT-feliratsávokat is továbbíthatnak a videószegmensek mellett. Ellenőrizze, hogy a céllejátszó támogatja-e a lejátszási listában megadott feliratcsomagolást és nyelvi sávokat.

Technikai korlátok és hátrányok

  • Szigorú fejléckövetelmény: a fájlnak a pontos 'WEBVTT' szöveggel kell kezdődnie a legelső sorban, különben a böngészők elutasítják.
  • A pont az ezredmásodperceket elválasztó jel ('00:01:20.500') konverziót igényel a hagyományos vesszővel elválasztott SRT fájlokból.
  • A régebbi, nem böngészőalapú hardveres lejátszók (például olcsó USB-s médialejátszók) gyakran nem támogatják natívan a WebVTT-t.

Érdekes technikai tudnivalók

  • Minden érvényes WebVTT fájlnak a pontos 'WEBVTT' szóval kell kezdődnie az első sorban; bármi más miatt a böngészők figyelmen kívül hagyják a fájlt.
  • A WebVTT eredetileg 'WebSRT' néven futott, mert szándékosan úgy tervezték, hogy szinte teljesen megegyezzen a klasszikus SRT feliratokkal.
  • A WebVTT videófejezetekhez és interaktív bélyegkép-buboréksúgókhoz is használható, amikor az egérmutató a videó lejátszósávja fölé kerül.

Gyakran Ismételt Műszaki Kérdések

Mire használják a WebVTT-t?

A WebVTT a hivatalos webes szabványos formátum feliratok, képaláírások, fejezetek és leírások hozzáadásához a weboldalakon lévő HTML5 <video> elemekhez.

Hogyan alakíthatok át egy SRT feliratot WebVTT-vé?

Az SRT fájlokat egyetlen kattintással átalakíthatja tiszta WebVTT fájlokká a File2File.app használatával, közvetlenül a böngészőjében.

Miért nem jelennek meg a WebVTT felirataim a böngészőben?

Győződjön meg arról, hogy a fájlja az 1. sorban a 'WEBVTT' szöveggel kezdődik, utána van egy üres sor, és a webszerver a 'Content-Type: text/vtt' fejléccel szolgálja ki.