Captions y subtítulos en HTML

Un video sin pista de texto es un video que alguna gente no puede usar.

<video controls width="640" height="360" poster="/img/poster.jpg"
       preload="metadata">
  <source src="/media/tour.webm" type="video/webm">
  <source src="/media/tour.mp4" type="video/mp4">
  <track kind="captions" src="/media/tour.en.vtt" srclang="en"
         label="English" default>
  <track kind="subtitles" src="/media/tour.fr.vtt" srclang="fr"
         label="Francais">
  <p>Your browser cannot play this. <a href="/media/tour.mp4">Download</a></p>
</video>

Cómo funciona

1. <track kind="captions"> lleva las palabras habladas y los sonidos.
2. default elige la pista mostrada cuando el espectador no tiene preferencia.
3. srclang es el idioma de la pista; label es lo que muestra el menú.

El intento, en números

Líneas

10

Caracteres a escribir

435

Tokens

88

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 70 segundos.

Escribe este fragmento

Paso 2 de 9 en Medios e incrustaciones; paso 9 de 23 en Semántica y metadatos.

← Anterior Siguiente →