Page 63 - Locaweb - Edição 33

lwprogramação
locaweb63
cap-3
00:01:00.001 --> 00:02:00.000
Como tudo termina
Lembre-se de que o arquivo
de capítulos deve ser separado do
arquivo de legendas.
Utilize o recurso
deWebVTT no
documento HTML
Seu documento de video text tracking
está devidamente montando. Mas,
e agora, como atrelar esse elemento
a um vídeo no HTML5? Bem, para
isso temos o item <track>, filho
do elemento <video>, que possui
atributos (opcionais) como o caminho
para o arquivo .vtt que servirá
como fonte de informações (src), a
linguagem na qual se encontra a
legenda (srclang), os rótulos legíveis
ao espectador (label) e o tipo de
legenda (kind) que pode ser subtitles,
captions, entre outros.
Vale ressaltar que, se não for
especificado o atributo kind, o valor
padrão é subtitles; se o valor do
atributo kind for subtitles, então o
atributo srclang é obrigatório. Não
podem haver dois <track> com o
mesmo valor para os atributos kind
e label. Com isso, podemos aplicar
um vtt a um vídeo conforme o
exemplo a seguir:
<video width="600"
height="400" controls>
<source src="filmagem.mp4"
type="video/mp4" />
<source src="filmagem.webm"
type="video/webm" />
<track src="legendas.vtt"
Profissionais de
Mozilla, Opera,
Apple e outras
companhias dão
grande suporte
ao WebVTT,
não adotado, até
agora, pela MS
kind="subtitles" srclang="pt-BR"
label="Português do Brasil" />
<track src="subtitle.vtt"
kind="subtitles" srclang="en"
label="English" />
<track src="captions_en.vtt"
kind="captions" label="English
Captions" srclang="en">
<track src="chapters.vtt"
kind="chapters" label="Chapters"
srclang="en">
<track src="capitulos.vtt"
kind="chapters" label="Capítulos"
srclang="pt-BR">
</video>
Lembre-se de que a existência de
múltiplos sources para o vídeo ocorre
em decorrência das diferenças de
codecs entre navegadores existentes.
Depois dos sources são aplicados
os tracks. Podem haver vários para
legendas, capítulos, metadados.
Outro ponto que merece atenção
é o fato de que a Microsoft oferece
suporte ao formato de video text
tracking TTML. Esse formato não foi
implementado por outros navegadores
e deve ser ultrapassado em breve. É o
velho problema de incompatibilidade
entre navegadores, infelizmente
(ou felizmente) já conhecido por
quem atua com desenvolvimento
para este meio.
Página de download do Opera: empresa do
navegador é entusiasta da tecnologia
Produtos da
Apple: empresa é
uma das principais
entusiastas e
responsáveis pelo
padrão WebVTT