Titulky WebVTT (.vtt)

W3C Štandard

Web Video Text Tracks (WebVTT) je oficiálny webový štandard konzorcia W3C pre titulky, popisky a opisy kapitol, natívne integrovaný do video prvkov HTML5 (<track>) a moderného streamovania cez HTTP (HLS).

Konvertovať SRT do VTT

Bezplatný konvertor z SRT do VTT priamo v prehliadači. Konvertujte súbory okamžite vo svojom zariadení.

Preskúmať a metadáta

Operačné systémy a analyzátory súborov identifikujú súbory WebVTT kontrolou počiatočnej binárnej bajtovej sekvencie:

Vyberte alebo presuňte súbory sem

100 % súkromná konverzia v prehliadači - súbory nikdy neopustia vaše zariadenie

alebo prilepiť Ctrl+V
Záruka súkromia s nulovým prenosom do siete: 0 bajtov odovzdaných na externé servery. Všetko spracovanie prebehlo lokálne v pieskovisku vášho prehliadača.

Podpis hlavičky na úrovni bajtov (Magic Bytes)

Operačné systémy a analyzátory súborov identifikujú súbory WebVTT kontrolou počiatočnej binárnej bajtovej sekvencie:

HEXADECIMÁLNY PODPIS (OFFSET 0):

57 45 42 56 54 54

ASCII REPREZENTÁCIA: WEBVTT

Štandardizácia: W3C WebVTT Recommendation

Technické špecifikácie

Architektúra kontajneraUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
KompresiaUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
Poradie bajtov (Endianness)UTF-8 text stream
Farebné priestoryFull CSS Color Module Level 4 support in cue styles
Kanály a štruktúraTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Max. rozmeryUnbounded sequential cues
PriehľadnosťFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Streamovanie a postupné načítavanieNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

Technická porovnávacia matica: WebVTT vs konkurenti

Technický atribútWebVTT (Aktuálne)SRTASSSUB
Webová integrácia HTML5100% natívny štandard (<track>)Vyžaduje konverziu cez JSVyžaduje WebAssemblyVyžaduje konverziu
Štýlovanie CSSPlné natívne štýlovanie CSS (::cue)Iba základné značky HTMLVlastné značky na prepísanie štýlovŽiadne
Streamovanie HLS / DASHUniverzálny štandard pre streamované vysielaniePodporované cez muxingObmedzená podpora streamovaniaŽiadne
Požiadavka na hlavičkuPrísny magický text 'WEBVTT' na 1. riadkuNevyžaduje sa žiadna hlavičkaSekcia [Script Info]Nevyžaduje sa žiadna hlavička

Bežné režimy poškodenia a príručka na obnovu v hexadecimálnom kóde

Chyba konzoly prehliadača: 'Malformed WebVTT file: Missing WEBVTT signature'.

Hlavná príčina: Chýbajúci reťazec 'WEBVTT' na 1. riadku alebo prázdne riadky pred hlavičkou.

Obnova: Pridajte 'WEBVTT\n\n' na začiatok súboru pomocou nástroja File2File Subtitle Converter.

Bezpečnostná analýza a vektory útokov na parser

Analyzátory WebVTT vo webových prehliadačoch spracúvajú nedôveryhodné titulky, čo môže viesť k zraniteľnosti Cross-Site Scripting (XSS), ak sa vykreslia bez vyčistenia do DOM modelu.

Známe vektory útokov

  • Injekcia XSS prostredníctvom neošetreného obsahu titulkov v HTML, ktorý sa vloží do DOM modelu webového prehrávača videa.
  • Server-Side Request Forgery (SSRF) počas automatizovaného generovania náhľadov titulkov na strane servera.
  • Odopretie služby (DoS) prostredníctvom chybných selektorov CSS titulkov.

Najlepšie obranné postupy:

Historický pôvod a míľniky

2019W3C oficiálne posúva formát WebVTT (The Web Video Text Tracks Format) do fázy navrhovaného odporúčania (Proposed Recommendation).
2011Premenovaný z WebSRT na WebVTT s cieľom vytvoriť zreteľný štandard W3C oddelený od klasického formátu SubRip.
2010WHATWG uvádza WebVTT na vyriešenie natívneho titulkovania pre značku <video> v HTML5.

Kľúčové výhody a prednosti

  • Natívny webový štandard HTML5: podporovaný priamo všetkými webovými prehliadačmi v prvku <track> bez potreby externých knižníc.
  • Bohatá podpora štilovania CSS: prispôsobenie farieb, fontov, pozadí a pozícií pomocou natívneho pseudoprvku CSS '::cue'.
  • Prvotriedna podpora pre živé streamovanie: integrované do streamovacích manifestov Apple HLS a MPEG-DASH pre televízne titulky.

Technické obmedzenia a nevýhody

  • Prísna požiadavka na hlavičku: súbor musí začínať presným textom 'WEBVTT' na samom prvom riadku, inak ho prehliadače odmietnu.
  • Oddeľovač milisekúnd v podobe bodky ('00:01:20.500') vyžaduje konverziu zo starších súborov SRT oddelených čiarkou.
  • Staršie hardvérové prehrávače bez podpory prehliadačov (ako lacné USB multimediálne boxy) často nemajú natívnu podporu pre WebVTT.

Zaujímavé technické drobnosti

  • Každý platný súbor WebVTT musí na prvom riadku začínať presným slovom 'WEBVTT'; čokoľvek iné spôsobuje, že prehliadače súbor ignorujú.
  • WebVTT sa pôvodne nazýval 'WebSRT', pretože bol zámerne navrhnutý tak, aby vyzeral takmer identicky ako klasické titulky SRT.
  • WebVTT možno použiť aj pre kapitoly videa a interaktívne náhľadové bubliny pri prechádzaní kurzorom nad posuvníkmi videa.

Často kladené technické otázky

Na čo sa používa formát WebVTT?

WebVTT je oficiálny webový štandardný formát na pridávanie titulkov, popisov, kapitol a opisov k prvkom HTML5 <video> na webových stránkach.

Ako môžem konvertovať titulky SRT na WebVTT?

Súbory SRT môžete konvertovať na čisté súbory WebVTT jedným kliknutím pomocou nástroja File2File.app priamo vo vašom prehliadači.

Prečo sa moje titulky WebVTT nezobrazujú v prehliadači?

Uistite sa, že váš súbor začína na 1. riadku nápisom „WEBVTT“, za ním nasleduje prázdny riadok a váš webový server ho odosiela s hlavičkou „Content-Type: text/vtt“.