Índice

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 ...