Icono Sonidos en páginas HTML

Pueden utilizarse indistintamente ficheros de sonido con los formatos WAV, AIFF, AU o MIDI. En Windows los más utilizados normalmente son los .WAV o los .MID.

Se utiliza el atributo <EMBED> junto a un buen número de tributos: SRC, AUTOSTART, LOOP, STARTTIME, ENDTIME, VOLUME, WIDTH, HEIGHT, ALIGN, CONTROLS y HIDDEN.

Veamos para qué sirve cada uno:

SRC Indica dónde está el fichero de sonido, pero no puede utilizarse solo, necesita la compa�ía de otros atributos del elemento, concretamente los que definen el tama�o de la consola (que es un icono parecido al teclado que tiene un casette peque�o): (largo) y (alto) Por ejemplo:

<EMBED SRC="mozart.mid" width=160 height=70>

Hará aparecer una consola como esta:

Consola

En caso de omitir los atributos WIDTH y HEIGHT, los tama�os por defecto no permiten ver la consola entera, y no es posible activar el sonido. Los tama�os máximos son WIDTH=160 y HEIGHT=70; no sirve de nada aumentarlos y si se disminuyen, la imagen se recorta de derecha a izquierda y de abajo a arriba, pero no proporcionalmente. Como puedes ver, la consola incluye un control de sonido, que por defecto se sitúa en el 50%. Este valor puede modificarse con el atributo VOLUME y puede oscilar entre 0 y 100. La consola también permite cambiar el volumen manualmente.

Es posible cambiar el aspecto de la consola con el atributo CONTROLS que puede tener varios valores: CONSOLE (por defecto) o SMALLCONSOLE. Si escribes

<EMBED SRC="mozart.mid" width=144 height=15 CONTROLS=SMALLCONSOLE>

Aparece una consola como esta:

Consola

Con SMALLCONSOLE los tama�os por defecto sólo dejan ver los botones de START Y STOP, desapareciendo el control de volumen. Los tama�os máximos son WIDTH=144 y HEIGHT=15, y al igual que antes, no sirve de nada aumentarlos. Los otros valores de CONTROLS son: PLAYBUTTON, PAUSEBUTTON, STOPBUTTON y VOLUMELEVER. Aunque en inglés, es fácil deducir lo que hace cada uno, y sus tama�os máximos son WIDTH=37 x HEIGHT=22. Sólo es posible utilizar un valor por cada elemento EMBED, si pones más de uno sólo hace efecto el primero. Si se quiere usar más de un botón, por ejemplo el de start y el stop en distintos lugares de la página, pero actuando sobre el mismo fichero de sonido, usaremos el atributo MASTERSOUND en combinación con NAME. Si escribes:

<EMBED SRC="mozart.mid" width=37 height=22 CONTROLS=PLAYBUTTON name="misonido" MASTERSOUND>

<EMBED SRC="mozart.mid" width=37 height=22 CONTROLS=STOPBUTTON name="misonido">

Se obtiene:

start stop

Lo que se ha hecho en el primer elemento EMBED, mediante el atributo NAME, es darle nombre a un grupo de botones (misonido) y designarlo como "maestro", con el atributo MASTERSOUND, de todos los siguientes elementos EMBED que se definan con el mismo nombre (misonido). De esta manera, es posible controlar un sonido repartiendo los botones de la consola de la forma más conveniente. Se puede definir en la misma página más de un grupo de sonidos, sólo hay que procurar no liarse con los nombres.

Otro atributo de EMBED es AUTOSTART con dos posibles valores: FALSE (por defecto) y TRUE, y como ya habrás deducido, TRUE hace que suene inmediatamente después de cargar la página, y sin necesidad de pulsar el botón "start" de la consola. Por ejemplo:

%ltEMBED SRC="mozart.mid" width=160 height=70 AUTOSTAR=TRUE>

El siguiente atributo a analizar es HIDDEN que sólo tiene un valor: TRUE, y hace invisible la consola, pero evidentemente, si es invisible no puedes activar el sonido, y por tanto lo hace él mismo, siempre que no hayas puesto AUTOSTART=FALSE, claro. Por ejemplo:

<EMBED SRC="mozart.mid" width=160 height=70 HIDDEN=TRUE>

Un atributo de repetición no podía faltar, y lo tenemos en LOOP y sus tres posibles valores: FALSE (por defecto), TRUE que fuerza a la repetición sin fin de la audición, e INTEGER donde INTEGER es el número de veces que deseas que se repita la audición. Por ejemplo:

<EMBED SRC="mozart.mid" width=160 height=70 LOOP=2>

No es obligado comenzar una audición por el principio del fichero. Imagínate que tienes un fichero con instrucciones habladas, y quieres dar la oportuna en cada momento, no todas de golpe. Para esto tenemos los atributos STARTTIME=mm:ss y ENDTIME=mm:ss donde mm son los minutos y ss los segundos del punto de comienzo o fin de la audición. Cuidado: los valores hay que darlos con dos dígitos: Por ejemplo:

<EMBED SRC="mozart.mid" width=160 height=70 starttime=01:10 endtime=02:00>

Este atributo funciona sólo con Windows 95 o Macintosh.

Por último tenemos el atributo ALIGN y sus valores TOP, BOTTOM, CENTER, LEFT, RIGHT, MIDDLE y TEXTTOP que funcionan igual que sus respectivos del elemento IMG, es decir, que no tiene efectos sobre el sonido, sino sobre la imagen de la consola y su alineación con el texto de la página.

TRUCO: Si en una página pones dos o más ficheros .mid, sólo se oye el último que sea activado. La secuencia es: se carga el primero, arranca y se oirá durante el tiempo que tarde en cargarse el segundo, y en cuanto arranca el segundo, el primero pasa a la posición de "stop". Si los ficheros son .wav ocurre lo mismo, pero �que pasa si pones un .mid y un .wav? Pues que cada uno de ellos utiliza controladores de recursos de sistema diferentes, y por tanto se pueden oir los dos a la vez. Imagínate tu voz explicando algo, y una suave música de fondo... Como en los más sofisticados documentales. Eso sí, necesitas Windows 95.

NOTA: Las páginas que incluyen sonidos pueden dar problemas a la hora de imprimirlos, llegando incluso a colgar la máquina.


EJEMPLOS DE PAGINAS CON SONIDO

  • Consola grande. Repetición sin fin. Volumen al 30%. Sin autoarranque.

    Consola

    Se escribe:

    <embed src="mozart.mid" controls=console width=160 height=70 loop=true volume=30 autostart=false>

  • Consola grande. Sin repetición. Volumen al 50% (por defecto). Sin autoarranque. Fragmento entre los 10 y los 20 segundos del fichero.

    Consola

    Se escribe:

    &lgembed src="mozart.mid" controls=console width=160 height=70 loop=false autostart=false starttime=00:10 endtime=00:20>

  • Consola peque�a. Repetición sin fin. Volumen al 40%. Sin autoarranque.

    Consola

    Se escribe:

    <embed src="minueto.mid" controls=smallconsole width=144 height=15 loop=true volume=40 autostart=false>

  • Consola peque�a sin control de volumen (tama�os por defecto). Repetición sin fin. Volumen al 50% (por defecto). Sin autoarranque.

    Consola

    Se escribe:

    <embed src="adagio.mid" controls=smallconsole loop=true autostart=false>

  • Mezcla de sonidos. Tres ficheros de tipos distintos. Sólo botón de start. 1 sola audición por fichero (por defecto). Volumen al 40%. Sin autoarranque. Mientras suena el primer fichero puede oirse cualquiera de los otros dos, mezclando los sonidos.

    Consola Consola Consola

    Se escribe:

    <embed src="pinkpant.mid" controls=playbutton volume=40 autostart=false>
    <embed src="caballo.wav" controls=playbutton volume=40 autostart=false>
    <embed src="fanfar.wav" controls=playbutton volume=40 autostart=false>

Anterior Menu Anterior
Hosted by www.Geocities.ws

1