Tag <track> em HTML
Este artigo visa falar sobre Tag Track em HTML com exemplos. Desejando, satisfará os requisitos para a educação.
A tag <track> em HTML é usada para especificar legendas ou legendas para elementos de mídia, como tags <video> e <audio> . É uma tag de fechamento automático que é colocada dentro do elemento de mídia, e possui vários atributos que podem ser usados para personalizar a exibição das legendas ou legendas.
Aqui está um exemplo de como usar o elemento <track> para adicionar legendas a um vídeo:
Example:
Aqui está um exemplo de como usar o elemento <track> para adicionar legendas a um arquivo de áudio:
Example:
Usos da faixa de tags
A faixa de tags <track> inclui rótulos para tags <audio> ou <video> .
Um arquivo de legenda , arquivo de legenda ou outro arquivo de texto será exibido quando o áudio ou vídeo for reproduzido se esta tag estiver incluída.
As trilhas são apresentadas em arquivos WebVTT (.vtt).
Aqui estão alguns usos comuns da tag <track> :
- A tag <track> é usada para adicionar legendas aos vídeos, tornando o conteúdo mais acessível aos espectadores surdos ou com deficiência auditiva. As legendas podem ser adicionadas em diferentes idiomas para atingir um público mais amplo.
- A tag <track> também pode ser usada para adicionar legendas ocultas aos vídeos, que podem ser ativadas ou desativadas pelos espectadores. As legendas ocultas são úteis para espectadores que desejam assistir a vídeos em ambientes barulhentos ou que não desejam incomodar outras pessoas ao seu redor.
- A tag <track> fornece vários atributos que podem ser usados para personalizar a exibição de legendas, como tamanho da fonte, cor e cor de fundo. Isso permite que os desenvolvedores da Web garantam que as legendas sejam legíveis e correspondam ao design da página da Web.
- A tag <track> oferece suporte a vários idiomas, facilitando o fornecimento de legendas ou legendas em diferentes idiomas para espectadores que falam idiomas diferentes.
Atributos
Global
Em HTML, a Tag <track> é compatível com os Atributos Globais .
Evento
A trilha Tag <track> é compatível com os Atributos de Evento em HTML .
Atributos Adicionais
| Atributo | Valor | Visão geral |
|---|---|---|
| padrão | padrão | Isso indica que a faixa também seria ativada quando as opções do usuário não conseguissem demonstrar que outra opção seria mais adequada |
| tipo | legendas capítulos descrições metadados legendas |
Descreva o tipo de faixa de texto |
| rótulo | texto | Indica o título da faixa de texto |
| origem | URL | É necessário. Fornece o URL do arquivo de trilha |
| srclang | language_code | Indique o idioma dos dados do texto da faixa (obrigatório se o tipo for legendas). |
CSS da etiqueta de rastreamento
<track> não é um elemento visível, então CSS não pode ser aplicado a ele. Em elementos de mídia como legendas, legendas e capítulos, o elemento track fornece uma faixa de texto. Leitores de tela e agentes de usuário podem exibir o texto, mas não podem ser vistos na tela.
Compatibilidade do navegador
De acordo com a tabela, é exibida a primeira versão do navegador que aceita totalmente <track> .
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <pista> | 23,0 | 10,0 | 31,0 | 6.0 | 12.1 |
Vantagens do Tag Track
A tag <track> em HTML oferece várias vantagens para desenvolvedores da Web que desejam adicionar legendas ou legendas ocultas a elementos de mídia:
- A tag <track> torna o conteúdo de mídia mais acessível para espectadores surdos ou com deficiência auditiva, fornecendo uma maneira padronizada de adicionar legendas e legendas aos elementos de mídia. Isso permite que os espectadores entendam melhor o conteúdo e acompanhem o vídeo ou o áudio.
- A tag <track> fornece vários atributos que podem ser usados para personalizar a exibição de legendas ou legendas ocultas, como tamanho da fonte, cor e cor de fundo. Isso permite que os desenvolvedores da Web garantam que as legendas sejam legíveis e correspondam ao design da página da Web.
- A tag <track> oferece suporte a vários idiomas, facilitando o fornecimento de legendas ou legendas em diferentes idiomas para espectadores que falam idiomas diferentes. Isso ajuda a tornar o conteúdo mais acessível e utilizável para um público mais amplo.
- A tag <track> fornece uma maneira padronizada de adicionar legendas ou legendas aos elementos de mídia, o que ajuda a garantir que o conteúdo possa ser acessado por uma ampla variedade de dispositivos e plataformas.
- A tag <track> é suportada por todos os navegadores da web modernos, garantindo que o conteúdo seja acessível a uma ampla gama de usuários.
