Make your own free website on Tripod.com

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.


Sin autorización, se prohibe la reproducción parcial o total del manual.