SONIDO WEB
¿Que
les parece si le ponemos un poco de música a la página?
Lamentablemente, en esto Microsoft y Netscape, no se han puesto
de acuerdo ya que ambos exploradores utilizan etiquetas diferentes y que no
son compatibles entre sí.
De todos modos, ambas etiquetas soportan los archivos más comunes de sonido,
así que no tendrán problemas en poner la melodía de su preferencia.
En el final de la página voy a proponerles una solución simple, que es creada
con Java Script, lenguaje de programación para las páginas WEB.
Ahora vamos a lo primero, ante nada.
Si estamos utilizando el Internet Explorer versión 2.0 o superior, podremos
ponerle la etiqueta bgsound scr="melodia.xxx" loop="xxx",
siendo la melodía.xxx, la melodía en formato mid, wav, etc y loop="xxx",
la cantidad de veces que esa melodía queremos que se toque, va de 1 a 9
o podremos poner infinite, para que toque indefinidamente.
Como ejemplo, si la canción se llama hcal.mid, y queremos que la música
este tocando todo el tiempo, pondremos el parámetro:
<bgsound scr="hcal.mid loop="infinite">
Para el caso de Nescape, la etiqueta se llama <embed scr="canción.xxx"
width="xx" hieght="xx"> , en este caso les aparecerá una ventana con
los controles de play y stop que será dimensionada por with y hieght.
Si deseamos que la música toque todo el tiempo, a esto hay que agregarle la
etiqueta loop="true", también podemos hacer que la música empiece a
tocar sola sin la necesidad de que el usuario presione el botón play, para
ello habrá que agregarle la etiqueta autostart="true", en este caso
se debe de poner también la etiqueta hidden="true"
( con esta etiqueta, la consola es invisible ), autostart nos permite
que la musica empiece a sonar sola al entrar a la pagina, si le ponemos false,
la musica no tocare y por consiguiente, deberemos de ponder la consola visible.
autostart="false"
Si el volumen de la música es muy alto o muy bajo, podremos agregarle
el parámetro vol="xx", este valor va de 0 a 100.
Si queremos que los controles de sonido aparezcan en pantalla deberemos de
agregar la etiqueta controls="smallconsole".
<EMBED SRC="canción.mid" LOOP="true" AUTOSTART="true" WIDTH="200" HEIGHT="55" HIDDEN="true">
Otros
atributos de EMBED son:
ALIGN = Es
donde ponemos la consola, pueden ser, TOP, BOTTOM, CENTER, LEFT, RIGHT,
MIDDLE y TEXTTOP.
STARTTIME =
Podemos hacer que la musica empiece a tocar desde cualquier parte de esta.
El comando debera de ir acompañado del tiempo de comienzo de la musica
en mm:ss ( minutos:segundos deben de ser de dos digitos)
STARTTIME = 01:30
ENDTIME = Es el tiempo de fin de la musica,
igual que el anterior debera de tener dos digitos en minutos y dos en segundos,
ENDTIME = 05:50
<EMBED SRC="canción.mid" WIDTH=160 HEIGHT=70 STARTTIME=01:10 ENDTIME=02:00>
LOOP
= Seguido del numero de veses que queremos que la canción toque.
Tambien se puede poner TRUE, para que la cancion toque en forma continua.
CONTROLS =
Nos deja visible la consola y va acompañada de los atribtos:
CONSOLE = Vemos la consola a tamaño normal.
SMALLCONSOLE = Es una consola de audio mas pequeña.
<EMBED
SRC="canción.mid"
WIDTH=144 HEIGHT=15 CONTROLS=SMALLCONSOLE>
Los botones de la consola, tambien son comandos de controls, estos pueden
ser:
PLAYBUTTON, PAUSEBUTTON, STOPBUTTON y VOLUMELEVER
Se debera de poner de la siguiente manera:
<EMBED SRC="adagio.mid" WIDTH=37 HEIGHT=22 CONTROLS=PLAYBUTTON
NAME="misonido" MASTERSOUND> <EMBED SRC="adagio.mid"
WIDTH=37 HEIGHT=22 CONTROLS=STOPBUTTON NAME="misonido">
Aparecera la siguiente consola:
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.
También se le puede agregar un link, para que el usuario tenga que
pulsarlo para escuchar la música.
Para ello deberemos poner, en el caso de mi tema hcal.mid:
<a
href="hcal.mid">Pulse
aqui para escuchar la música, Gracias</a>
Tipos
de Consolas:
Acá les presento algunos tipor de consolas que pueden poner en sus
páginas.
Repetición continua y con un volumen del 30%
<embed src="1.mid" width="160" height="70" controls="CONSOLE" VOLUME=30
autostart="false" loop="true">
</embed>
Sin repetición. Volumen al 50% (por defecto). Sin autoarranque. Fragmento
entre los 10 y los 20 segundos del fichero.
<embed src="2.mid" controls="CONSOLE" width="160" height="70" loop="FALSE"
autostart="FALSE" starttime="00:10" endtime="00:20"> </embed>
Algo
sobre JavaScript y su uso en audio.
Ahora veremos como podemos poner un comando Java Script, para que sea compatible
la música con ambos exploradores
Esto evita la necesidad de colocar ambas etiquetas, que por lo general al
colocar ambas etiquetas, hace conflicto entre ellas no saliendo el sonido
deseado.
Copie a su página, las etiquetas de Java, tal cual están aquí, y substituya
los archivos de sonidos (hcal.mid) por el que usted quiera.
Eatas deben de ser colocadas en cualquier parte de la página entre las etiquetas
<body> </body>.
<script
language="JavaScript">
<!--Cloak Engaged manu=navigator.appName; //Browser Name
vers=navigator.appVersion; //Browser Version
//MSIE 5.0+
if (manu.indexOf ("Microsoft")>=0 && vers.indexOf("5")>=0)
{document.write("<bgsound src=music/hcal.mid loop=infinite>
//MSIE 4.0+
if (manu.indexOf ("Microsoft")>=0 && vers.indexOf("4")>=0)
{document.write("<bgsound src=music/hcal.mid loop=infinite>
//MSIE 3.0+
else if (manu.indexOf("Microsoft")>=0 && vers.indexOf("3")>=0) {document.write("<bgsound
src=music/hcal.mid loop=infinite>
//Netscape 5.0
else if (manu.indexOf("Netscape")>=0 && vers.indexOf("5")>=0)
{document.write("<embed src=music/hcal.mid hidden=true align=baseline border=0
width=128 height=128 autostart=true autoplay=true>")}
//Netscape 4.0
else if (manu.indexOf("Netscape")>=0 && vers.indexOf("4")>=0)
{document.write("<embed src=music/hcal.mid hidden=true align=baseline border=0
width=128 height=128 autostart=true autoplay=true>")}
//Netscape 3.0
else if (manu.indexOf("Netscape")>=0 && vers.indexOf("3")>=0)
{document.write("<embed src=music/hcal.mid hidden=true align=baseline border=0
width=128 height=128 autostart=true autoplay=true>")}
//Other Browser
else {alert('Lo siento, su explorador no soporta la interface de sonido')}
//-- Cloak Disengaged -->
</scipt>
Si
por algún motivo no le llega a funcionar, PULSE
AQUÍ (7 Kb) y bajara la parte de la página zipiada,
así podrá copiar el código Java a su página, o
PUSE AQUÍ,
para ver la página.
Primero descomprima el archivo (music.zip), luego haga doble click sobre music.htm
y por ultimo en la barra de herramientas pulse la opción VER - CÓDIGO
DE FUENTE, se activara el block de notas y podrá ver el contenido
de la página.
Copielo tal cual esta asia su página.