CURSO DE HTML

Introducción

Texto

Imágenes

Enlaces

Sonidos

Tablas

Volver a
herramientas

LECCION 5: SONIDOS

En esta leccion veremos los tags para incluir un sonido de fondo en nuestras paginas asi como archivos de audio ejecutables por el navegante. El formato mas utilizado actualmente el el mid, debido al poco espacio que ocupa, la desventaja es que solo permite reproducir melodias pero no voz. El formato wav permite reproducir toda clase de sonidos y voz, pero ocupa mucho espacio asi que los archivos se limitan a unos pocos segundos de duracion. Actualmente estamos en el auge de un nuevo formato de musica: el MP3 que ocupa 10 veces menos espacio que el wav y permite reproducir musica y voz con calidad digital. Lamentablemente como este tipo de archivos se está utilizando ilegalmente (es muy facil copiar musica de un CD al formato MP3) algunos servidores como geocities, prohiben la subida de este tipo de archivos.

SONIDO DE FONDO

El tag utilizado en este caso es <BGSOUND>.
Por ejemplo supongamos que tengo un archivo mid llamado truly.mid, si quisiera ponerlo como sonido de fondo de una pagina escribiria:

<BGSOUND="truly.mid" LOOP="-1">

(En el parametro loop el valor -1 indica que el tema se ejecutará infinitas veces, se le puede asignar cualquier numero 1, 2, 3 etc. que indicará las veces que se ejecutará el tema)

Es importante señalar que este tag va en el encabezado del documento es decir entre las etiquetas <HEAD> y </HEAD>
Otro punto a tener en cuenta es que esta etiqueta unicamente es reconocida por el Explorer de Microsoft, si alguien visita nuestra pagina utilizando el Navigator de Netscape no escuchará nada. Pero esto tiene solución. Para ello deberemos agregar otro tag pero esta vez en el cuerpo del documento, es decir, entre las etiquetas <BODY> y </BODY>

El Tag reconocido por Netscape es: <EMBED> Solo que debemos agregarle más parametros.

Siguiendo el ejemplo anterior el tag quedaría asi:

<EMBED SRC="truly.mid" AUTOSTART="true" LOOP="true"
HIDDEN="true" WIDTH="200" HEIGHT="55">

El parametro Autostart indica que el archivo comience a reproducirse solo (mas adelante veremos sonido activado por el navegante). el parametro LOOP indica la cantidad de veces que se ejecute, el parametro HIDDEN (oculto) es para ocultar la consola de sonido, de la cual debemos poner las medidas tal como se indica en el ejemplo. Se que parece una incongruencia poner las medidas de la consola y luego ocultarla, pero es la unica forma en que funciona.

EJEMPLO PRACTICO:

Un documento html completo con el sonido de fondo que se ejecute tanto para el Microsoft Explorer como para el Netscape Navigator, quedaría asi:

<HTML>
<HEAD>
<TITLE>Sonido de fondo</TITLE>
<BGSOUND="truly.mid" LOOP="-1">
</HEAD>
<BODY>
<EMBED SRC="truly.mid" WIDTH="200" HEIGHT="55" AUTOSTART="TRUE" LOOP="TRUE" HIDDEN="TRUE">
</BODY>
</HTML>

Logicamente el resultado será una página en blanco que ejecutará el tema constantemente al cargarla en el browser.

SONIDO ACTIVADO POR EL USUARIO

Esta opción es menos utilizada pero vale la pena verla.
El tag a utilizar es el ultimo que vimos, pero sin utilizar el parametro hidden y cambiando el valor de AUTOSTART de true a false.

Ejemplo practico:

Que da como resultado en pantalla:

RESUMEN:

Tag reconocido por Microsoft Explorer <BGSOUND> (Va en el HEAD o encabezado)
Parametro: LOOP Valor: -1 (infinito) o un número entero.

Tag reconocido por Netscape Navigator: <EMBED SRC> (Va en el BODY o cuerpo del documento).
Parametros:
LOOP Valor: TRUE para ejecutarlo infinitas veces.
AUTOSTART Valores: TRUE (para sonido de fondo) FALSE (para sonido activado por el usuario)
WIDHT y HEIGHT (Medidas de la consola de sonido)
HIDDEN Valor: TRUE para ocultar la consola.

IR A LECCION 6