Etiqueta audio
La etiqueta audio controla la reproducción
de audio en una página HTML. Al
añadirla, aparece un reproductor en la página,
que tendrá botones como "Atrás", "Adelante",
"Detener", etc. (su apariencia y cantidad dependen
del navegador). La ruta al archivo se especifica mediante
el atributo src o la etiqueta anidada source.
La etiqueta source es necesaria para especificar
las rutas a los archivos de audio en diferentes formatos
(ya que los navegadores admiten diferentes formatos
de audio, como mp3 o wav).
Si tienes una grabación en uno de los formatos,
debes convertirla a los otros.
Dentro de la etiqueta audio se puede escribir texto
que se mostrará en los navegadores que
no admiten audio en HTML (esto se hace
para informar a los usuarios sobre ello).
Si deseas ver el reproductor para controlar la reproducción
de audio, debes añadir el atributo controls.
Sin él, no verás nada - y tampoco habrá sonido.
Para que haya sonido sin el reproductor - añade el atributo autoplay.
Atributos
| Atributo | Descripción |
|---|---|
src |
Especifica la ruta al archivo de audio.
Pero es mejor usar la etiqueta source para esto
(en este caso, se podrá especificar el audio en diferentes formatos).
|
preload |
Se utiliza para cargar el archivo de audio simultáneamente con la carga de la página del sitio.
Valores aceptados: none (no cargar el archivo, por defecto),
metadata (cargar solo información de servicio: duración, etc.),
auto (cargar el archivo de audio completo al cargar la página HTML).
|
autoplay |
El sonido comienza a reproducirse inmediatamente después de cargar la página,
en este caso, la presencia del atributo preload será ignorada.
Atributo sin valor. |
controls |
Añade un panel de control al archivo de audio.
en este caso, la presencia del atributo preload será ignorada.
Atributo sin valor. |
loop |
Repite la grabación de audio en "bucle": después de terminar, comenzará a reproducirse de nuevo.
en este caso, la presencia del atributo preload será ignorada.
Atributo sin valor. Por defecto (si no hay atributo) la grabación se reproducirá solo 1 vez.
|
muted |
Desactiva el sonido de la grabación de audio.
Atributo sin valor. Por defecto (si no hay atributo) el sonido de la grabación está activado. |
Ejemplo . Reproductor en la página del sitio
Añadamos un reproductor con una grabación de audio a la página.
Para aquellos navegadores que no admiten
la etiqueta audio, se ha dejado un mensaje especial
sobre ello:
<audio src="track.mp3" controls>
Su navegador no admite audio en HTML5.
</audio>
Ejemplo . Reproductor en la página del sitio con la etiqueta source
Y ahora, en lugar del atributo src
para la etiqueta audio, añadamos la etiqueta source:
<audio controls>
<source src="track.mp3">
Su navegador no admite audio en HTML5.
</audio>
