WebVTT
Rozszerzenie nazwy pliku |
.vtt
|
---|---|
Rodzaj mediów internetowych |
tekst/vtt
|
Opracowany przez | Konsorcjum World Wide Web (W3C) |
Pierwsze wydanie | 10 sierpnia 2010 |
Najnowsze wydanie | 4 kwietnia 2019 |
Typ formatu | Tekst na czas |
Przedłużony od | SRT |
Standard | W3C WebVTT |
Otwarty format ? | Tak |
Wolny format? | Tak |
Strona internetowa | (VTT) |
WebVTT (Web Video Text Tracks) to standard konsorcjum World Wide Web Consortium (W3C) do wyświetlania tekstu w czasie w połączeniu z elementem <track>
HTML5 .
Wczesne szkice jego specyfikacji zostały napisane przez WHATWG w 2010 roku po dyskusjach na temat tego, jaki format napisów powinien być obsługiwany przez HTML5 — główne opcje to stosunkowo dojrzały, oparty na XML język Timed Text Markup Language (TTML) lub zupełnie nowy, ale lżejszy standard oparty na szeroko stosowanym formacie SubRip . Ostateczna decyzja dotyczyła nowego standardu, początkowo nazwanego WebSRT (Web Subtitle Resource Tracks). Udostępnił plik .srt
rozszerzenie pliku i był w dużej mierze oparty na formacie SubRip, choć nie w pełni z nim kompatybilny. Prospektywny format został później przemianowany na WebVTT. W wersji roboczej raportu HTML5 z 13 stycznia 2011 r. wprowadzono element <track> i zaktualizowano specyfikację w celu udokumentowania reguł renderowania tekstu podpowiedzi WebVTT.
Specyfikacja WebVTT jest wciąż w fazie roboczej, ale podstawowe funkcje są już obsługiwane przez wszystkie główne przeglądarki.
Główne różnice w stosunku do SubRip
- Pierwsza linia WebVTT zaczyna się od WEBVTT po opcjonalnym znaczniku kolejności bajtów UTF-8
- Pomiędzy pierwszą linią a pierwszą pamięcią jest miejsce na opcjonalne dane nagłówka
- kodu czasowego są oddzielone kropką zamiast przecinka
- Godziny kodu czasowego są opcjonalne
- Numeracja/identyfikacja ramek przed kodem czasowym jest opcjonalna
- Można dodawać komentarze oznaczone słowem UWAGA
- o metadanych można dodawać w formacie w stylu JSON
- Opcjonalnie można określić informacje o rozdziale
- Obsługuje tylko rozszerzone znaki w formacie UTF-8
- CSS w oddzielnym pliku zdefiniowanym w towarzyszącym dokumencie HTML dla znaczników C jest używany zamiast elementu FONT
- Ustawienia cue umożliwiają dostosowanie pozycjonowania cue w wideo
Zgodność
Przeglądarka | Wskaż znaczniki tekstowe | Pozycjonowanie cue | Stylizacja CSS |
---|---|---|---|
Chrom | 35+ | ||
Standardowa przeglądarka Androida | 5.0+ | ||
Opera | 22+ | ||
Safari | 7+ (iOS: 8+) | ||
Firefoxa | 31+ (Android: 32+) | — | |
Microsoft Edge | 12+ | — | |
Internet Explorera | 10+ | — |
Firefox zaimplementował WebVTT w swoich nocnych kompilacjach (Firefox 24), ale początkowo nie był domyślnie włączony. Funkcję trzeba było włączyć w Firefoksie, przechodząc do strony „about:config” i ustawiając wartość „media.webvtt.enabled” na true. YouTube zaczął obsługiwać WebVTT w kwietniu 2013 r. Od 24 lipca 2014 r. Mozilla domyślnie włączyła WebVTT w przeglądarce Firefox.
Napisy w pliku .vtt są wyświetlane online, ale nie w przypadku przechowywania na dysku lokalnym.
Przykład formatu WebVTT
Przykładowy plik z podpisami W3C Roger Bingham przeprowadzający wywiad z Neilem deGrasse Tysonem :
WEBVTT 00:11.000 --> 00:13.000 Jesteśmy w Nowym Jorku 00:13.000 --> 00:16.000 Właściwie jesteśmy w hotelu Lucern, na końcu ulicy 00:16.000 --> 00:18.000 z Amerykańskiego Muzeum Historii Naturalnej 00:18.000 --> 00:20.000 A ze mną jest Neil deGrasse Tyson 00:20.000 --> 00:22.000 Astrofizyk, Dyrektor Planetarium Haydena 00:22.000 --> 00:24.000 w AMNH. 00:24.000 --> 00:26.000 Dziękuję, że tu zeszłaś. 00:27.000 --> 00:30.000 I chcę zrobić kontynuację naszej ostatniej rozmowy. 00:30.000 --> 00:31.500 wyrównaj:właściwy rozmiar:50% Kiedy wysłaliśmy e-mail — 00:30.500 --> 00:32.500 align:left size:50% Czy w tej rozmowie nie mówiliśmy wystarczająco dużo? 00:32.000 --> 00:35.500 wyrównaj:właściwy rozmiar:50% NIE! Nie nie nie nie; „cos” bo oczywiście „cos 00:32.500 --> 00:33.500 wyrównanie: do lewej rozmiar: 50% <i>Śmiech</i> 00:35.500 --> 00:38.000 Wiesz, że jestem tak podekscytowany, że spadają mi okulary.
Inne funkcje
W czerwcu 2013 r. do specyfikacji dodano przykład, który zawierał nowe ustawienie „region”. Ta funkcja jest obsługiwana od wersji Firefox 59 i Safari 14.1 (14.5 na iOS), ale nie w żadnej innej przeglądarce.