domingo, 25 de marzo de 2018

Able Player es un reproductor HTML5 completamente accesible

Vista del reproductor Able Player

Caracteristicas

  • Admite audio y video.
  • Un conjunto completo de controles de reproducción accesibles por teclado, etiquetados correctamente para usuarios de lectores de pantalla y controlables por usuarios de reconocimiento de voz.
  • Atajos de teclado personalizables que permiten que el reproductor sea operado
  • Controles escalables de alto contraste que permanecen visibles en el modo de alto contraste de Windows, 
  • más un indicador de el foco.
  • Soporte para subtítulos (WebVTT), el formato estándar recomendado por la especificación HTML5.
  • Soporte para descripción de audio basada en texto, también usando WebVTT. Los usuarios pueden configurar opcionalmente su reproductor para pausar cuando se inicia la descripción de audio para evitar conflictos entre la descripción y el audio del programa.
  • Soporte para velocidad de reproducción ajustable. Los usuarios que necesitan reducir la velocidad del video para procesar y comprender mejor su contenido pueden hacerlo; 
  •  Los usuarios pueden hacer clic en cualquier parte de la transcripción para comenzar a reproducir el video (o audio) en ese punto. 
  • Los usuarios de teclado también pueden elegir activar la trascripción del teclado, de modo que puedan desplazarse por su contenido
  • Resaltado automático de texto dentro de la transcripción mientras se reproduce el video. Esta característica está habilitada de forma predeterminada, pero puede desactivarse si los usuarios lo encuentran molesto.
  • Soporte para reproducir videos de YouTube dentro del reproductor Able Chrome.
  • Visualización de subtítulos personalizables. Los usuarios pueden controlar el estilo de fuente, el tamaño y el color del texto de subtítulos; más color de fondo y transparencia; todo desde el cuadro de diálogo Preferencias.
  • Soporte integrado sin interrupciones para JW Player como reproductor de reserva para usuarios cuyos navegadores no son compatibles con los medios HTML5.
Amplia personalización. Muchas de las características descritas anteriormente están controladas por las preferencias del usuario. Esto se basa en la creencia de que cada usuario tiene diferentes necesidades y no hay soluciones para todos los gustos. Este es el corazón del diseño universal.


Compatibilidad

Able Player se ha probado con los siguientes navegadores y tecnologías de asistencia.

  • Firefox 3.xy superior
  • Internet Explorer 10 y superior sin respaldo
  • Internet Explorer 8 y 9, dependiendo de JW Player como alternativa.
  • Google Chrome 7.0 y superior
  • Opera 10.63 y superior
  • Safari 5.0 en Mac OS X
  • Safari en IOS 3.2.2 y superior (solo audio, reproducción de video en el reproductor IOS predeterminado)
  • Chrome en Android 4.2 y superior

Tenga en cuenta que los navegadores móviles tienen limitaciones (por ejemplo, el control de volumen y el inicio automático no son compatibles).

Descripción de audio

Se puede agregar una descripción suplementaria de contenido visual clave para usuarios ciegos usando uno de dos métodos.

El primer método es el mismo que el de los subtítulos, un <track>elemento con kind = "descriptions". Esto apunta a un archivo WebVTT, que es esencialmente lo mismo que un archivo de subtítulos, pero su contenido es texto descriptivo en lugar de subtítulos. Con este método, el texto de descripción se escribe en un contenedor que tiene el rol ARIA = "alerta". Los lectores de pantalla compatibles anuncian automáticamente el nuevo texto tan pronto como se escribe en la página.

El segundo método es producir un video separado con la descripción mezclada. Si ya se proporcionan varias fuentes de video (por ejemplo, un archivo MP4 y WebM), entonces la versión descrita debe estar disponible en ambos formatos. Para cada fuente de video que tenga una versión descrita disponible, agregue un atributo data-desc-src al <source>elemento para ese video. El valor de este atributo es una ruta que apunta a la versión descrita del video. Con este método, la versión descrita del video se puede reproducir en lugar de la versión no descrita, y las dos versiones se pueden intercambiar haciendo clic en el botón "D" en el controlador.

Más destalles de configuración en: https://ableplayer.github.io/ableplayer/

No hay comentarios:

Publicar un comentario