WebVTT felirat (.vtt)

W3C Szabvány

A Web Video Text Tracks (WebVTT) a W3C hivatalos webes szabványa feliratokhoz, alcímekhez é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őn belüli SRT - VTT konvertáló. Konvertáljon fájlokat azonnal 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 ejtsen ide fájlokat

100%-ban magánjellegű, böngészőn belüli konvertálás - a fájlok soha nem hagyják el az eszközét

vagy beillesztés Ctrl+V
Nulla hálózati adatátviteli adatvédelmi garancia: 0 bájt lett feltöltve külső szerverekre. Minden feldolgozás helyben, az Ön böngészőjének homokozójában történt.

Bájt-szintű fejléc aláírás (Magic Bytes)

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 REPREZENTÁCIÓ: WEBVTT

Szabványosítás: W3C WebVTT Recommendation

Műszaki specifikációk

Konténer architektúraUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
TömörítésUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
BájtsorrendUTF-8 text stream
SzínterekFull CSS Color Module Level 4 support in cue styles
Csatornák és struktúraTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Max. méretekUnbounded sequential cues
ÁtlátszóságFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Streaming és progresszívNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

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ékVédjegyzett felülbírálási címkékNincs
HLS / DASH streamingUniverzális streaming sugárzási szabványMuxolással támogatvaKorlátozott streaming támogatásNincs
Fejléc követelménySzigorú 'WEBVTT' varázsszöveg az 1. sorbanNincs szükség fejlécére[Script Info] szekcióNincs szükség fejlécére

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 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 renderelődnek be a DOM-ba.

Ismert támadási vektorok

  • XSS injekció a webes videólejátszó DOM-jába beszúrt, nem fertőtlenített HTML felirattartalmakon keresztül.
  • Szerveroldali kérés hamisí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 felirat-szelektorok miatt.

Védekező Legjobb Gyakorlatok:

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

  • Natív HTML5 webes szabvány: közvetlenül támogatja az összes webböngésző a <track> elemen belül külső könyvtárak nélkül.
  • 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.
  • Első osztályú élő közvetítés támogatás: integrálva az Apple HLS és MPEG-DASH streaming jegyzékekbe a műsorszórási feliratokhoz.

Technikai korlátok és hátrányok

  • Szigorú fejléc-kö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 ezredmásodperc elválasztó ('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édia-lejá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ó a videó keresősávján való lebegtetéskor.

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, alcímek, 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' felirattal kezdődik, utána van egy üres sor, és a webszerver a 'Content-Type: text/vtt' fejléccel szolgálja ki.