Desde su aparición en 2006, el formato HTML5 ha dejado su huella en la Web, convirtiéndose en el formato de video estándar en lugar de Adobe Flash Player (que ya no existe).
Si hoy en día numerosos programas incrustan fácilmente sus videos, codificarlos manualmente en HTML5 ofrece infinitas posibilidades de personalización y alojamiento en su sitio web.
En particular, esto le permite optimizar la configuración de accesibilidad de su video según sus necesidades, agregando los subtítulos que desee.
Aquí se explica cómo codificar correctamente los subtítulos en HTML5.
¿Cómo implementar correctamente tu video HTML5?
Primero, un pequeño recordatorio de las reglas básicas para implementar un video en HTML5.
El código se basa en agregar una etiqueta
Como regla general, el formato MP4 es compatible con todos los navegadores. Pero puede agregar un formato OGG para asegurarse de que todos puedan leer su video.
En cuanto al resto, el id La etiqueta identifica su video y agregar un texto dentro de la etiqueta del video garantiza que el usuario sea advertido de un error de visualización.
Así es como se vería una implementación de su video:
Subtítulos HTML5:¿dónde conseguirlos?
Ahora, ¿cómo muestra los subtítulos en su video? El único formato de subtítulos compatible con HTML5 es VTT. Es por eso que debe crearlo a partir de la transcripción o usar un generador de subtítulos automático.
En el primer caso, este es el formato en el que confiar:
En el segundo caso, puede utilizar nuestro generador de archivos VTT. Con las tecnologías de voz a texto, puede crear subtítulos mucho más rápido. También puede entregar su proyecto a nuestros expertos en subtítulos si tiene un volumen mayor.
Así es como puede comenzar rápidamente:
Sube tu video en la interfaz. Seleccione el idioma original y el que desea obtener.
Cuando finaliza el proceso de transcripción, puedes acceder al editor de subtítulos y optimizar el resultado.
Cuando termine su trabajo, puede exportar el archivo de subtítulos haciendo clic en "Exportación" y descargar el archivo .vtt.
¿Cómo codificar subtítulos en su video HTML5?
Después de eso, para implementar el subtítulo en el código HTML5, debe agregar una etiqueta
La etiqueta etiqueta da el título de su subtítulo, amable identifica si es sutil o subtítulos, srclang define el idioma y src la localización de su archivo.
A continuación, puede agregar este código como este:
A continuación, el vídeo se mostrará automáticamente. Tenga en cuenta también que puede agregar tantos idiomas como desee agregando una etiqueta.
¿Cómo puedo personalizar el estilo de mis subtítulos HTML5?
Manual HTML5 es interesante por sus múltiples posibilidades para personalizar la apariencia de tus subtítulos.
Para establecer su estilo, agregue una etiqueta CSS