WebVTT

OtevřeníUloženíProstý textWeb

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édiatext/vtt
SpecifikaceW3C, WebVTT: The Web Video Text Tracks Format, kandidátské doporučení
Přesnost časuMilisekundy
Kódování textuVž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 kontejnerechMatroska 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. 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. 2 · Identifikátor

    Volitelný. Název cue na vlastním řádku: číslo jako u SubRipu, nebo slovo.

  3. 3 · Časování

    Začátek, šipka -->, konec. Tečka před milisekundami.

  4. 4 · Nastavení

    Volitelné. Kde cue zobrazit, za časem konce.

  5. 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
&amp; &lt; &gt; &nbsp; 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

Zachováno v .vtt
  • 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í
Nikam se neuloží
  • 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, STYLE a REGION jako 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 STYLE přiřadí jiným třídám;
  • line, position a align jako 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

Dialog exportu Subtitld s vybraným VTT a mluvčími zapsanými jako značky hlasu

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

2010

Začínal jako WebSRT, navržený v WHATWG pro nový element <track> v HTML5 a postavený na SubRipu, než přijal název WebVTT.

WEBVTT

Šest písmen na úplném začátku každého souboru. Prohlížeč, který je nenajde, odmítne celou stopu.

8

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

Máte soubor .vtt, který potřebuje opravit?

Otevřete ho v Subtitld spolu s videem a upravte časování na zvukové vlně.

Stáhnout Subtitld