Audio con fallbacks en HTML

Dos formatos y un enlace, porque ningún códec se reproduce en todas partes.

<figure>
  <figcaption>Episode 12: the keyboard that clicks back</figcaption>
  <audio controls preload="none">
    <source src="/audio/ep12.opus" type="audio/ogg; codecs=opus">
    <source src="/audio/ep12.mp3" type="audio/mpeg">
    <a href="/audio/ep12.mp3">Download episode 12</a>
  </audio>
</figure>

Cómo funciona

El navegador toma el primer <source> cuyo tipo puede reproducir.
preload="none" significa que nada se descarga hasta que el visitante presione play.
El contenido entre las etiquetas es el fallback para un navegador sin audio.

El intento, en números

Líneas: 8
Caracteres a escribir: 287
Tokens: 55
Ritmo de tres estrellas: 75 tpm

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

Escribe este fragmento

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

← Anterior Siguiente →