El elemento AUDIO

Colocar sonido en páginas web usando versiones anteriores de HTML no era fácil, al aigual con el video el uso de sonidos es muy simple e intuitivo. Se parece mucho al elemento video: un contenedor (audio) con varios apartados o hijos

La cosa es tan fácil como usar la nueva etiqueta <video>, que define un contenedor dentro del cual definimos el origen del video que queremos mostrar y su formato. Mira este ejemplo de código:

<audio src="musica.mp3" controls>
Este navegador no soporta la etiqueta audio video de html5
</audio>

Así de sencillo, ya tendrías un video colocado en tu web. Admite más atributos: para autoejecutarse, ejecutarse en bucle, mostrar controles... Si el navegador no puede entiende la etiqueta video mostrará la frase escrita. Los atributos que soporta esta etiqueta son

Nombre Valores Uso
autoplay   Para que el sonido suene automáticamente
controls   Muestra controles de ejecución, pausa, sonido.
loop   Reproducción en bucle.
muted   Para no reproducir el sonido
preload auto
metada
none
El sonido se carga cuando la página se carga
Solo carga metadatos el cargar la página
El sonido NO se carga con la página (lo hace al final)
src URL Dirección del archivo de sonido que se va a reproducir.

Tambien en audio existen los metadata, es decir, información extra que acompaña al archivo de sonido como por ejemplo: título, autor, album... depende de cada caso

Si el explorador no reconoce la etiqueta audio se mostrará el texto que aparezca entre las etiquetas <audio>, puede ser un simple texto de aviso o un enlace por ejemplo para descargar el archivo o enviarlo a una página de explicaciones.