O que são controles de vídeo?
Os controles de vídeo são elementos de interface para reproduzir, pausar, navegar na linha do tempo, ajustar volume, legendas, velocidade e qualidade e acionar a tela cheia. Um navegador pode fornecê-los nativamente, ou uma aplicação pode implementar uma interface de player personalizada.
Como funcionam os controles de vídeo
Os controles nativos do navegador são renderizados pelo agente do usuário e permanecem estreitamente ligados ao estado de mídia dele, enquanto os controles personalizados são componentes da aplicação que acionam as mesmas APIs de reprodução. Uma interface de controle completa acompanha mudanças assíncronas de estado, em vez de presumir que um comando foi bem-sucedido. Ela também disponibiliza seleção de texto temporizado, modalidades de entrada e estados de erro junto com os comandos de reprodução. Os controles ocupam a camada de interação entre o espectador e o mecanismo de reprodução.
Informações essenciais
- Iniciar a reprodução é uma operação assíncrona e pode ser rejeitada pela política do navegador, por isso um botão de reprodução personalizado deve tratar a promise retornada e restaurar um estado pausado correto após uma falha.
- Uma barra personalizada de navegação na linha do tempo deve usar os intervalos navegáveis do elemento de mídia, e não apenas sua duração, pois janelas de transmissões ao vivo e mídias parcialmente disponíveis podem não começar em zero.
- Botões e controles deslizantes precisam de operação por teclado, foco visível, nomes acessíveis e valores anunciados; controles operáveis apenas por dispositivos apontadores excluem usuários de teclado e de tecnologias assistivas.
Quando os controles de vídeo são importantes
Mantenha os controles nativos, a menos que os requisitos do produto justifiquem uma interface personalizada e seu custo de manutenção. Os controles personalizados devem preservar a operação por teclado, os nomes acessíveis, o comportamento do foco e a compatibilidade com dispositivos.