WebVTT
Titulkový formát webu: to, co prohlížeč zobrazí přes element <track> v HTML. Bloky jako u SubRipu, s hlavičkou, tečkou před milisekundami a místem pro stylování, polohy a mluvčí.
Na první pohled
| Přípona | .vtt |
|---|---|
| Typ média | text/vtt |
| Specifikace | W3C, WebVTT: The Web Video Text Tracks Format, kandidátské doporučení |
| Přesnost času | Milisekundy |
| Kódování textu | Vždy UTF-8, specifikace to vyžaduje. Subtitld přesto čte i jiná kódování. |
| Stylování | Značky kurzívy, tučného a podtržení; barvy přes třídy a CSS (::cue). Přeškrtnutí chybí. |
| Umístění | Nastavení cue (line, position, align, size, vertical) a oblasti (regions) |
| Mluvčí | Značky hlasu: <v Thom> |
| V kontejnerech | Matroska jako S_TEXT/WEBVTT; MP4 jako wvtt (ISO/IEC 14496-30); streamy HLS a DASH |
Anatomie cue
Soubor je hlavička, za ní cue. Každé cue je blok jako u SubRipu, se dvěma volitelnými částmi.
WEBVTT intro 00:00:23.000 --> 00:00:24.500 line:0 <v Celia>You're a jerk, <i>Thom</i>.
- 1 · Hlavička
WEBVTT, samotné nebo následované mezerou a názvem, pak prázdný řádek. Bez něj prohlížeč odmítne celý soubor. - 2 · Identifikátor
Volitelný. Název cue na vlastním řádku: číslo jako u SubRipu, nebo slovo.
- 3 · Časování
Začátek, šipka
-->, konec. Tečka před milisekundami. - 4 · Nastavení
Volitelné. Kde cue zobrazit, za časem konce.
- 5 · Text
Řádky textu se značkami pro stylování a hlasy. Prázdný řádek cue ukončuje, takže uvnitř žádný není.
Časová značka
Hodiny lze vynechat. 00:27.000 je tentýž čas a mnoho souborů pod hodinu se zapisuje takto. Čárka před milisekundami je zvyk SubRipu, ne WebVTT; Subtitld ji přesto přečte.
Bloky jiné než cue
| Blok | Co obsahuje |
|---|---|
NOTE |
Komentář pro lidi. Přehrávače jej přeskakují. |
STYLE |
CSS pro cue přes ::cue. Před prvním cue. |
REGION |
Pojmenovaná oblast obrazovky, do které se cue mohou posouvat. |
Text cue
| Značka | Účinek |
|---|---|
<i>…</i>, <b>…</b>, <u>…</u> |
Kurzíva, tučně, podtržení |
<c.yellow>…</c> |
Třída, kterou může obarvit CSS (nebo barevné třídy samotného WebVTT) |
<v Thom>… |
Hlas: kdo mluví. Uzavření je volitelné. |
<lang pt>…</lang> |
Jazyk úseku textu |
<ruby>漢<rt>kan</rt></ruby> |
Čtení nad textem, pro japonštinu a čínštinu |
<00:00:28.500> |
Časová značka uvnitř cue, pro karaoke |
& < > |
Ampersand, <, > a nedělitelná mezera, které by jinak vypadaly jako značky |
Barvy
Osm tříd je obarveno bez jakéhokoli CSS: white, lime, cyan, red, yellow, magenta, blue a black, a těch samých osm s předponou bg_ pro pozadí. Jakákoli jiná barva potřebuje vlastní třídu a blok STYLE:
STYLE
::cue(.gold) { color: #ffd700; }
00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>
Ne každý přehrávač čte bloky STYLE; vlastní barevné třídy WebVTT jsou bezpečnější volba. Subtitld je používá vždy, když je barva jednou z osmi.
Nastavení cue
| Nastavení | Co dělá |
|---|---|
line:0 |
Řádek na obrazovce: číslo počítá řádky shora (záporné zdola), procento od horního okraje |
position:10% |
Kde je rámeček cue vodorovně na obrazovce |
align:start |
Zarovnání textu v rámečku: start, center, end, left, right |
size:50% |
Šířka rámečku |
vertical:rl |
Svislý text, zprava doleva nebo zleva doprava |
region:fred |
Zobrazí cue v REGION |
Subtitld čte line, position a align jako místo titulku na obrazovce, těchto devět míst je stejných jako u {\an1} až {\an9} v SubRipu, a zapisuje je zpět: line:0 pro horní okraj, line:50%,center pro střed, position:10% align:start a position:90% align:end pro strany.
WebVTT v Subtitld
- Text každého titulku a zalomení řádků
- Kurzíva, tučné, podtržení a barva
- Kde na obrazovce titulek je
- Mluvčí jako značky hlasu
- Začátek a konec na milisekundu, v pořadí
- Přeškrtnutí: WebVTT pro něj nemá značku
- Tváře a barvy mluvčích
- Překlady vedle originálu (jeden může nahradit původní, nebo jít pod něj)
- Dabing a metadata
Pokud je chcete zachovat, uložte projekt .usfx.
Otevření souboru WebVTT
Subtitld najde každé cue podle řádku s časováním a čte:
- hlavičku a bloky
NOTE,STYLEaREGIONjako to, čím jsou, ne jako titulky, a identifikátory cue jako názvy; - časy s hodinami i bez nich, s tečkou nebo čárkou;
- hlasy jako mluvčí titulků, připravené pro dabing;
- barevné třídy WebVTT a barvy, které blok
STYLEpřiřadí jiným třídám; line,positionaalignjako místo na obrazovce;- libovolné kódování, i když WebVTT vyžaduje UTF-8.
Vynechává to, pro co nemá místo: oblasti, velikost cue, svislý text, čtení ruby a časové značky karaoke. Samotný text zůstává.
Export WebVTT
Export, pak Titulky a VTT, nabízí:
- TextOriginál, překlad, nebo oba, s překladem pod ním.
- Jména mluvčíchVynechána, před textem (Thom: …), nebo jako značky hlasu (
<v Thom>), vlastní způsob WebVTT. - FormátováníZachováno, nebo odstraněno.
- Posun časůKaždý titulek dříve nebo později o stejný interval.
Soubor je vždy v UTF-8, jak WebVTT vyžaduje: WEBVTT, pak cue seřazená podle začátku, každý čas s hodinami. Znaky, které by vypadaly jako značky, se zapisují jako entity, a prázdné titulky se vynechají.
Na webové stránce
<video controls src="tears-of-steel.mp4">
<track kind="subtitles" src="tears-of-steel.en.vtt"
srclang="en" label="English" default>
</video>
Soubor podávejte jako text/vtt. Z jiné domény potřebuje video atribut crossorigin a server hlavičku Access-Control-Allow-Origin, jinak prohlížeč stopu nenačte.
WebVTT nebo SubRip?
SubRip pro přehrávače, editory a nahrávání; WebVTT pro video na webu. Stránka SubRipu je staví vedle sebe.
Zajímavosti
Začínal jako WebSRT, navržený v WHATWG pro nový element <track> v HTML5 a postavený na SubRipu, než přijal název WebVTT.
Šest písmen na úplném začátku každého souboru. Prohlížeč, který je nenajde, odmítne celou stopu.
Barvy, které přehrávač zná bez CSS: bílá, limetková, azurová, červená, žlutá, purpurová, modrá a černá, pro text i pro pozadí.
Související formáty
Otevřete ho v Subtitld spolu s videem a upravte časování na zvukové vlně.