Napisy WebVTT (.vtt)
W3C StandardowyWeb Video Text Tracks (WebVTT) to oficjalny standard internetowy W3C przeznaczony do napisywania materiałów, napisów rozszerzonych i opisów rozdziałów, zintegrowany natywnie z elementami wideo HTML5 (<track>) oraz nowoczesnymi transmisjami strumieniowymi na żywo HTTP (HLS).
Konwertuj SRT na VTT
Darmowy konwerter z SRT na VTT w przeglądarce. Konwertuj pliki natychmiast na swoim urządzeniu.
Inspekcja i metadane
Systemy operacyjne i analizatory plików identyfikują pliki WebVTT, sprawdzając początkową sekwencję bajtów binarnych:
Podpis nagłówka na poziomie bajtów (Magic Bytes)
Systemy operacyjne i analizatory plików identyfikują pliki WebVTT, sprawdzając początkową sekwencję bajtów binarnych:
PODPIS HEX (OFFSET 0):
57 45 42 56 54 54REPREZENTACJA ASCII: WEBVTT
Normalizacja: W3C WebVTT Recommendation
Specyfikacja techniczna
| Architektura kontenera | UTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks |
| Kompresja | Uncompressed plain text (typically compressed over HTTP via Gzip or Brotli) |
| Kolejność bajtów (Endianness) | UTF-8 text stream |
| Przestrzenie kolorów | Full CSS Color Module Level 4 support in cue styles |
| Kanały i struktura | Timecoded cues, speech recognition confidence, CSS styling, and screen position settings |
| Maks. wymiary | Unbounded sequential cues |
| Przezroczystość | Full CSS opacity and alpha transparency supported via '::cue' pseudo-element |
| Streaming i progresywne ładowanie | Native streaming in HTML5 <video> elements and HLS / DASH live video manifests |
Techniczna macierz porównawcza: WebVTT a konkurencja
| Atrybut techniczny | WebVTT (Bieżący) | SRT | ASS | SUB |
|---|---|---|---|---|
| Integracja z webem HTML5 | 100% natywny standard (<track>) | Wymaga konwersji JS | Wymaga WebAssembly | Wymaga konwersji |
| Stylizacja CSS | Pełna natywna stylizacja CSS (::cue) | Tylko podstawowe znaczniki HTML | Własne znaczniki nadpisujące | Brak |
| Streaming HLS / DASH | Uniwersalny standard transmisji strumieniowych | Obsługiwany poprzez multipleksowanie | Ograniczone wsparcie streamingu | Brak |
| Wymóg nagłówka | Ścisły magiczny tekst 'WEBVTT' w linii 1 | Brak wymogu nagłówka | Sekcja [Script Info] | Brak wymogu nagłówka |
Typowe tryby uszkodzeń i przewodnik odzyskiwania szesnastkowego
Błąd konsoli przeglądarki: 'Malformed WebVTT file: Missing WEBVTT signature'.
Główna przyczyna: Brak ciągu znaków 'WEBVTT' w linii 1 lub puste linie przed nagłówkiem.
Odzyskiwanie: Dodaj 'WEBVTT\n\n' na samej górze pliku za pomocą konwertera napisów File2File.
Analiza bezpieczeństwa i wektory ataku na parser
Analizatory WebVTT w przeglądarkach internetowych przetwarzam niezaufane wskazówki, co może prowadzić do ataków typu Cross-Site Scripting (XSS), jeśli zostaną zrenderowane bez oczyszczania w drzewie DOM.
Znane wektory ataku
- Iniekcja XSS poprzez nieoczyszczoną zawartość HTML wskazówek wstawianą do DOM odtwarzacza wideo.
- Atak typu Server-Side Request Forgery (SSRF) podczas automatycznego generowania miniaturek napisów po stronie serwera.
- Odmowa usługi (DoS) poprzez wadliwe selektory CSS wskazówek.
Najlepsze praktyki obronne:
Pochodzenie historyczne i kamienie milowe
Główne zalety
- Natywny standard internetowy HTML5: obsługiwany bezpośrednio przez wszystkie przeglądarki w elemencie <track> bez bibliotek zewnętrznych.
- Bogate wsparcie dla stylizacji CSS: dostosowywanie kolorów, czcionek, tła i pozycji za pomocą natywnego pseudoelementu CSS '::cue'.
- Najwyższej klasy wsparcie dla transmisji na żywo: zintegrowane z manifestami strumieniowania Apple HLS i MPEG-DASH dla napisów telewizyjnych.
Ograniczenia techniczne i wady
- Ścisły wymóg nagłówka: plik musi zaczynać się od dokładnego tekstu 'WEBVTT' w pierwszej linii, w przeciwnym razie przeglądarki go odrzucą.
- Separator milisekund w postaci kropki ('00:01:20.500') wymaga konwersji ze starszych plików SRT rozdzielanych przecinkami.
- Starsze odtwarzacze sprzętowe niedziałające w przeglądarkach (takie jak tanie pudełka multimedialne USB) często nie mają natywnego wsparcia dla WebVTT.
Ciekawe informacje techniczne
- Każdy prawidłowy plik WebVTT musi zaczynać się od dokładnego słowa 'WEBVTT' w pierwszej linii; cokolwiek innego powoduje, że przeglądarki ignorują plik.
- WebVTT pierwotnie nazywał się 'WebSRT', ponieważ został celowo zaprojektowany tak, aby wyglądać niemal identycznie jak klasyczne napisy SRT.
- WebVTT może być również używany do rozdziałów wideo i interaktywnych etykiet miniaturek podczas najeżdżania kursorem na paski przewijania wideo.
Często zadawane pytania techniczne
Do czego służy WebVTT?
WebVTT to oficjalny standard internetowy służący do dodawania napisów dialogowych, tłumaczeń, rozdziałów i opisów do elementów <video> HTML5 na stronach internetowych.
Jak mogę przekonwertować napisy SRT na WebVTT?
Możesz przekonwertować pliki SRT na czyste pliki WebVTT jednym kliknięciem za pomocą File2File.app bezpośrednio w przeglądarce.
Dlaczego moje napisy WebVTT nie chcą się wyświetlić w przeglądarce?
Upewnij się, że Twój plik zaczyna się od 'WEBVTT' w linii 1, ma pustą linię zaraz po niej, a Twój serwer WWW obsługuje go z nagłówkiem 'Content-Type: text/vtt'.
Powiązane pary konwersji WebVTT
Konwersja plików SubRip Text do formatu WebVTT przekształca zwykłe napisy tekstowe w nowoczesne ścieżki czasowe zgodne z HTML5 dla odtwarzaczy wideo w sieci.
Konwersja plików WebVTT do formatu SubRip Text umożliwia bezproblemowe odtwarzanie napisów wideo HTML5 w starszych stacjonarnych odtwarzaczach i leciwym sprzęcie do edycji.