WebVTT

Budowa napisu

Plik to nagłówek, a potem napisy. Każdy napis to blok podobny do bloku SubRip, z dwiema opcjonalnymi częściami.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
 

Znacznik czasu

Bloki inne niż napisy

Tekst napisu

Kolory

Osiem klas jest kolorowanych bez żadnego CSS: white, lime, cyan, red, yellow, magenta, blue i black, oraz te same osiem z bg_ dla tła. Każdy inny kolor wymaga własnej klasy i bloku STYLE:

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Ustawienia napisu

Subtitld odczytuje line, position i align jako miejsce napisu na ekranie, w tych samych dziewięciu miejscach co {\an1} do {\an9} w SubRip, i zapisuje je z powrotem: line:0 dla góry, line:50%,center dla środka, position:10% align:start i position:90% align:end dla boków.

WebVTT w Subtitld

Otwieranie pliku WebVTT

Subtitld znajduje każdy napis po linii czasu i odczytuje:

• nagłówek oraz bloki NOTE, STYLE i REGION jako to, czym są, a nie jako napisy, a identyfikatory napisów jako nazwy;
• czasy z godzinami lub bez, z kropką lub przecinkiem;
• głosy jako mówców napisów, gotowych do dubbingu;
• wbudowane klasy kolorów WebVTT oraz kolory, które blok STYLE przypisuje innym klasom;
• line, position i align jako miejsce na ekranie;
• dowolne kodowanie, choć WebVTT wymaga UTF-8.

Pomija to, czego nie ma gdzie umieścić: regiony, rozmiar napisu, tekst pionowy, odczytania ruby i znaczniki czasu karaoke. Sam tekst zostaje.

Eksport WebVTT

Eksportuj, a następnie Napisy i VTT, oferuje:

• TekstOryginał, tłumaczenie lub oba, z tłumaczeniem pod spodem.
• Nazwy mówcówPominięte, przed tekstem (Thom: …) albo jako znaczniki głosu (<v Thom>), we własnym sposobie WebVTT.
• FormatowanieZachowane albo usunięte.
• Przesunięcie czasuKażdy napis wcześniej lub później o tyle samo.

Plik jest zawsze w UTF-8, tak jak wymaga WebVTT: WEBVTT, a potem napisy w kolejności początku, każdy czas z godzinami. Znaki, które wyglądałyby jak znaczniki, są zapisywane jako encje, a puste napisy są pomijane.

Na stronie internetowej

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Podawaj plik jako text/vtt. Gdy wideo jest z innej domeny, potrzebuje ono crossorigin, a serwer nagłówka Access-Control-Allow-Origin, inaczej przeglądarka nie załaduje ścieżki.

WebVTT czy SubRip?

SubRip dla odtwarzaczy, edytorów i przesyłania; WebVTT dla wideo w sieci. Strona SubRip zestawia je obok siebie.

Ciekawostki