Entrar Ainda não tem acesso?
6
respostas

Legenda do vídeo não funciona

Referente ao curso Acessibilidade web parte 1: tornando seu front-end inclusivo, no capítulo Formulário acessível e atividade Legendas em vídeo

por Erivan Junior
| 228.9k xp | 16 posts

Apesar de aparecer nos controles e a opção, a legenda não aparece.

HTML

 <video src="img/formacao-java.mp4" class="secaoInstitucional-video" controls>
          <track kind="subtitles" src="img/legenda-portugues-brasil.vtt" srclang="pt-br" label="Português (Brasil)">
        </video>

VTT

WEBVTT

1
00:00:00.000 --> 00:00:03.000 a:start
O Java é uma das linguagens que está em todos os lugares 

2
00:00:03.000 --> 00:00:08.000
Se você procura no mercado de trabalho uma vaga para ingressar na carreira de tecnologia...

3
00:00:08.000 --> 00:00:12.000
você vai ver que uma das principais tecnologias, <b>é o Java</b>.

Só consegui ver essas informações no console no menu acessibilidade: Warning: Focusable elements should have interactive semantics

6 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Erivan, tudo bem? Olhando os códigos, eles parecem estar corretos, mas, posso estar deixando passar algum detalhe.

Por conta disso, vou te pedir um favor, consegue compartilhar o projeto? Assim consigo simular o problema por aqui e analisá-lo com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.

por Estudante
| 99.9k xp | 5 posts

Inicialmente eu tive esse problema também, mas percebi que é o Google Chrome que não funciona, testei em outros dois navegadores e as legendas aparecem normalmente. Testei com o mesmo a cima

por Erivan Junior
| 228.9k xp | 16 posts

O meu tanto no firefox, quanto no chrome não funciona. Segue o link do git.

https://github.com/ErivanJunior275/acessibilidade

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Erivan, tudo bem? Dei uma olhada no seu código, o mesmo carrega as legendas apenas manualmente.

Tente definir seu track como default:

<video class="secaoInstitucional-video" controls>
    <source src="img/formacao-java.mp4" type="video/mp4">
    <track default kind="subtitles" src="img/legenda-portugues-brasil.vtt" srclang="pt-br" label="Português (Brasil)">
</video>

Isso deve evitar ter que ativar as legendas manualmente.

Espero ter ajudado.

por Erivan Junior
| 228.9k xp | 16 posts

Mesmo com o default não as legendas não apareceram. Porém testando no Edge funcionou, talvez seja alguma configuração dos navegadores. Resolvi segui com o curso mesmo assim, obrigado Matheus e Marcos.

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Estranho Erivan, eu fiz os testes aqui e rolou de boa tanto no Chrome quanto no Firefox após a definição do default.

Você possuí a versão mais recente de ambos? Deveria ter funcionado.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.