Page 61 - Locaweb - Edição 33

lwprogramação
legendas em vídeos com HTML 5
citando o formato WebSRT (Web
Subtitle Resource Tracks). Esse
formato foi rediscutido e houve
algumas alterações, o que acarretou
numa alteração em seu nome
para WebVTT.
Um arquivo WebVTT é um texto
simples, contendo alguns tipos de
informação sobre o vídeo, como:
• Subtítulo: envolve a transcrição
dos diálogos que ocorrem no
decorrer do vídeo.
• Textos explicativos (captions):
como o próprio nome sugere, são
similares aos subtítulos, contudo,
são utilizados para efeitos sonoros ou
outras informações de áudio válidas
para serem transcorridas como texto.
• Descrições: tem por intuito ser
um arquivo de texto separado que
descreve o vídeo por meio da tela.
• Capítulos: permite auxiliar
o usuário a navegar pelas
seções do vídeo.
facilitem o trabalho com video
text trackings e sua exportação,
no estilo de programas como o
Universal Subtitles (http://www.
universalsubtitles.org/).
Para iniciar, na primeira linha do
documento, deverá haver a informação
“WEBVTT” (em maiúsculas, sem aspas
e apenas isso na linha).
Dentro do arquivo, as informações
que conhecemos são listadas como se
fossem etapas. Um arquivo WebVTT
deve conter de uma a quantas etapas
forem necessárias, e cada item se
inicia com um identificador, seguido
pelo tempo no qual a informação será
exibida e o texto a ser mostrado. Cada
uma é separada da outra por uma linha
em branco, como no exemplo:
WEBVTT
00:01.050 --> 00:06.040
<v Sergio>Finalmente chegamos ao
Rio.</v>
00:10.045 --> 00:12.600
<v Paulo>E num calor infernal…</v>
00:15.850 --> 00:19.900
<v Paulo>Bem, pelo menos temos a
praia por aqui!</v>
00:22.000 --> 00:26.450
<v Sergio>É, vai ser possível tirar esse
bronzeado de escritório</v>
00:30.000 --> 00:33.100
<v Paulo>Ou ficarmos vermelhos
como um camarão</v>
No exemplo acima há algumas
etapas que possuem o identificador
(número, em ordem crescente), o
momento inicial e final da exibição
(no formato hh:mm:ss.mmm) e o
conteúdo. Note que também citamos
• Metadados: informações e
conteúdos sobre o vídeo, que
por padrão não são exibidas
ao espectador, apesar de haver
a possibilidade de exibir tais
informações por meio de Javascript.
Para criar um arquivo WebVTT,
você pode utilizar até o Bloco de
Notas. Basta montar um texto
seguindo algumas premissas básicas
da estrutura do arquivo de video
text tracking, que serão abordados
no decorrer desta matéria. Apenas
não se esqueça de salvar o arquivo
com a extensão vtt em vez de txt.
A expectativa para o futuro é que
possam haver ferramentas que
Site do Web
Hypertext
Application
Technology Working
Group, que apoia
o WebVTT
Página com editores de texto: para criar
um arquivo WebVTT basta um bloco de notas
locaweb61