Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Recentemente fora lançado um componente para agregar legendas a arquivos flash, chamado “CC for Flash”. A partir de agora podemos ter nossos vídeos acessíveis para pessoas que não possuem caixas acústicas em seus computadores, que se encontram em lugares com muito ruído, pessoas surdo-mudas, que não entendem línguas estrangeiras e vários outros motivos.

Essa aplicação é totalmente gratuita, e as legendas são inseridas no vídeo via um arquivo XML externo que respeitam as normas do formato DFXP do W3C. Além disso o componente nos permite alterar o tamanho e a fonte do texto, e também a cor.

Vejam um exemplo de um vídeo em Flash acessível. Se funcionamento é bem simples:

Como foram inseridas as legendas nesse vídeo flash?

Os arquivos com que vamos trabalhar são os seguintes:

• reproductor.swf: Esse arquivo contém o componente FLV Play Back que contém o reprodutor e chama o vídeo FLV.
• laaccesibilidad.flv: Esse é o nosso vídeo em formato FLV.
• subtitulos.xml: As legendas no padrão DFXP, onde definimos o tempo inicial e final de cada frase.
• index.html: Contém o objeto Flash para reproduzir o vídeo.

Faça o download completo dos arquivos de exemplo.

Primeiramente devemos efeuar o download do componente de legendas. Para instalar o “CC for Flash” no Flash, basta siplesmente dar 2 clicks no arquivo CCforFlash.mxp. Logo ele é instalado no Flash Extensions Manager. O novo acessório estará visível na aba de componentes.

Agora trabalharemos com o componente FLV Play Back, onde lhe agregaremos um nome de instância nsVideo e em parâmetros faremos as chamadas correspondentes. O mais importante é definir em contentPath o caminho correto de onde se encontra o arquivo FLV e o skin que definimos como nosso reprodutor. O nome da instância é muito importante pois é através dela que será feita a conexão com o componente de legendas.

O nosso componente reprodutor está pronto. Agora é a hora de inserir o componente que irá reporduzir as legendas. O colocaremos sob o vídeo e definimos os seguintes parâmetros:

O mais importante aqui é definir corretamente a instância do vídeo e em Caption Filename o caminho do arquivo XML que contém as legendas. Exportamos o arquivo swf com o nome de reproductor.swf. Quando é efetuada a exportação, é criado mais um arquivo swf que é o skin do reprodutor. No arquivo XML veremos que alí há uma tag onde definimos o tamanho e a fonte do texto, além da cor. Aqui é hora de alterar o texto e definir o início e o fim de cada legenda.

E por último criamos a página HTML que conterá o objeto Flash para a reprodução de nosso vídeo, onde devemos definir corretamente os caminhos e os nomes dos arquivos e informar que linguagem está o vídeo.

Pronto, você acaba de criar um vídeo em Flash acessível. No site do desenvolvedor você pode ver mais alguns exemplos de uso desse componente.

Referências

Esse artigo é uma tradução do original de: El Rallador - Video en Flash Accesible