WebVTT

Anatomia de um cue

Um arquivo é um cabeçalho, depois os cues. Cada cue é um bloco como o do SubRip, com duas partes opcionais.

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

O horário

Blocos além dos cues

Texto do cue

Cores

Oito classes são coloridas sem nenhum CSS: white, lime, cyan, red, yellow, magenta, blue e black, e as mesmas oito com bg_ para o fundo. Qualquer outra cor precisa de uma classe própria e de um bloco STYLE:

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

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

Configurações do cue

O Subtitld lê line, position e align como o lugar da legenda na tela, os mesmos nove lugares de {\an1} a {\an9} do SubRip, e os grava de volta: line:0 para o topo, line:50%,center para o meio, position:10% align:start e position:90% align:end para as laterais.

WebVTT no Subtitld

Abrindo um arquivo WebVTT

O Subtitld encontra cada cue pela linha de tempo e lê:

• o cabeçalho, e os blocos NOTE, STYLE e REGION como o que são, não como legendas; e os identificadores de cue como nomes;
• horários com ou sem horas, com ponto ou vírgula;
• vozes como os falantes das legendas, prontos para dublagem;
• as classes de cor do WebVTT, e as cores que um bloco STYLE dá a outras classes;
• line, position e align como o lugar na tela;
• qualquer codificação, embora o WebVTT exija UTF-8.

Deixa de fora o que não tem lugar: regiões, o tamanho de um cue, texto vertical, as leituras do ruby e as marcas de tempo do karaokê. O texto em si permanece.

Exportando WebVTT

Exportar, depois Legendas e VTT, oferece:

• TextoO original, uma tradução, ou os dois, com a tradução abaixo.
• Nomes dos falantesOmitidos, antes do texto (Thom: …), ou como tags de voz (<v Thom>), a forma própria do WebVTT.
• FormataçãoMantida, ou removida.
• Deslocar horáriosCada legenda antes ou depois, pelo mesmo intervalo.

O arquivo é sempre UTF-8, como o WebVTT exige: WEBVTT, depois os cues em ordem de início, cada horário com suas horas. Caracteres que seriam lidos como marcação são escritos como entidades, e legendas vazias ficam de fora.

Em uma página web

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

Sirva o arquivo como text/vtt. De outro domínio, o vídeo precisa de crossorigin, e o servidor de um cabeçalho Access-Control-Allow-Origin, ou o navegador não carrega a trilha.

WebVTT ou SubRip?

SubRip para players, editores e uploads; WebVTT para vídeo na web. A página do SubRip os coloca lado a lado.

Curiosidades