Insertar un archivo de audio

1. Etiqueta <audio>

Hasta el presente, no existía un estándar para agregar sonido en una aplicación web. Esta operación se realizaba mediante un plug-in, por ejemplo Flash, aunque no todos los navegadores disponían de los mismos plug-ins.

HTML5 proporciona a día de hoy una etiqueta nueva para reproducir archivos de audio, independientemente de los plug-ins instalados en el puesto del usuario.

Insertar un archivo de audio puede realizarse de forma muy sencilla mediante la etiqueta:


<audio src="archivo_sonido"></audio>
 

Aunque la etiqueta <audio> está ampliamente implementada, conviene prever un mensaje para aquellos navegadores que no puedan procesar esta etiqueta.


<audio src="archivo_sonido"> 
Su navegador no soporta la etiqueta audio. 
</audio>
 

Veamos un primer ejemplo:


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<audio src="piano_OGG.OGG" controls> 
Su navegador no soporta la etiqueta audio. 
</audio> 
</body> 
</html>
 

La ruta del archivo de audio supone, en este caso, que el archivo se encuentra en la misma carpeta del servidor que el archivo HTML que contiene la etiqueta audio.

El resultado en Firefox, que reconoce la etiqueta <audio> y el formato OGG:

images/CAP10IMG01.png

El resultado en Internet Explorer...

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Una aplicación completa
Siguiente
Insertar un archivo de vídeo