¿Qué son los controles de video?
Los controles de video son elementos de interfaz para reproducir, pausar, cambiar la posición de reproducción, ajustar el volumen, los subtítulos, la velocidad y la calidad, y activar la pantalla completa. Un navegador puede proporcionarlos de forma nativa, o una aplicación puede implementar una interfaz de reproductor personalizada.
Cómo funcionan los controles de video
El agente de usuario renderiza los controles nativos del navegador y los mantiene estrechamente vinculados a su estado multimedia, mientras que los controles personalizados son componentes de la aplicación que utilizan las mismas API de reproducción. Una interfaz de control completa escucha los cambios de estado asíncronos en lugar de dar por hecho que una orden se ejecutó correctamente. También ofrece selección de texto temporizado, modalidades de entrada y estados de error junto con las órdenes de reproducción. Los controles ocupan la capa de interacción entre el espectador y el motor de reproducción.
Datos clave
- El inicio de la reproducción es asíncrono y puede ser rechazado por la política del navegador, por lo que un botón de reproducción personalizado debe gestionar la promesa devuelta y restablecer un estado de pausa correcto tras un fallo.
- Una barra de desplazamiento temporal personalizada debería usar los rangos del elemento multimedia a los que se puede saltar, no solo su duración, porque las ventanas de reproducción en directo y el contenido multimedia parcialmente disponible pueden no comenzar en cero.
- Los botones y los controles deslizantes necesitan funcionamiento mediante teclado, foco visible, nombres accesibles y valores anunciados; los controles que solo funcionan con un puntero excluyen a quienes usan el teclado o tecnologías de asistencia.
Cuándo importan los controles de video
Conserva los controles nativos, a menos que los requisitos del producto justifiquen una interfaz personalizada y su carga de mantenimiento. Los controles personalizados deben conservar el funcionamiento mediante teclado, los nombres accesibles, el comportamiento del foco y la compatibilidad con los dispositivos.