WebVTT

Anatomia di un cue

Un file è un'intestazione, poi i cue. Ogni cue è un blocco come quello di SubRip, con due parti facoltative.

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

Il codice temporale

Blocchi diversi dai cue

Testo dei cue

Colori

Otto classi sono colorate senza alcun CSS: white, lime, cyan, red, yellow, magenta, blue e black, e le stesse otto con bg_ per lo sfondo. Ogni altro colore richiede una classe propria e un blocco STYLE:

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

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

Impostazioni del cue

Subtitld legge line, position e align come la posizione del sottotitolo sullo schermo, le stesse nove posizioni di {\an1} fino a {\an9} di SubRip, e le riscrive: line:0 per l'alto, line:50%,center per il centro, position:10% align:start e position:90% align:end per i lati.

WebVTT in Subtitld

Aprire un file WebVTT

Subtitld trova ogni cue dalla sua riga di tempo e legge:

• l'intestazione, i blocchi NOTE, STYLE e REGION per ciò che sono, non come sottotitoli, e gli identificatori dei cue come nomi;
• tempi con o senza ore, con un punto o con una virgola;
• le voci come parlanti dei sottotitoli, pronti per il doppiaggio;
• le classi di colore di WebVTT, e i colori che un blocco STYLE assegna alle altre classi;
• line, position e align come posizione sullo schermo;
• qualsiasi codifica, anche se WebVTT richiede UTF-8.

Lascia fuori ciò per cui non ha un posto: regioni, la dimensione di un cue, il testo verticale, le letture del ruby e i tempi del karaoke. Il testo resta.

Esportare WebVTT

Esporta, poi Sottotitoli e VTT, offre:

• TestoL'originale, una traduzione, o entrambi, con la traduzione sotto.
• Nomi dei parlantiEsclusi, prima del testo (Thom: …), oppure come tag di voce (<v Thom>), il modo proprio di WebVTT.
• FormattazioneMantenuta, oppure rimossa.
• Sposta i tempiOgni sottotitolo anticipato o ritardato della stessa quantità.

Il file è sempre in UTF-8, come richiede WebVTT: WEBVTT, poi i cue in ordine di inizio, ognuno con il suo tempo completo di ore. I caratteri che sarebbero letti come markup vengono scritti come entità, e i sottotitoli vuoti vengono esclusi.

Su una pagina web

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

Serva il file come text/vtt. Da un altro dominio, il video richiede crossorigin e il server un'intestazione Access-Control-Allow-Origin, altrimenti il browser non caricherà la traccia.

WebVTT o SubRip?

SubRip per player, editor e caricamenti; WebVTT per i video sul web. La pagina SubRip li mette a confronto.

Curiosità