Tecnología

Inicio

Cómo jugar un archivo WAV en un Mouseover

Una forma de captar la atención de los visitantes de su sitio web es jugar un WAV al pasar el ratón. Mediante la adición de sonido, en cualquier momento a su visitante se sitúa su ratón sobre un enlace de archivo específico, escuchará el sonido. Añadir cualquier tipo de sonido deseado, si se trata de un anuncio corto, un sonido divertido o una selección musical. Tenga en cuenta que el ratón de su visitante sólo se cierne sobre el enlace durante un par de segundos. Por esa razón, mantenga el WAV corto y dulce.

Instrucciones

1 Entrar en el "Panel de control" de su sitio web. Haga clic en "File Directory."

2 Seleccionar la opción "Subir". Navegar a través de los archivos de su ordenador para localizar el archivo .wav que desea utilizar en el ratón encima. Haga doble clic en el archivo para subirlo a su servidor de alojamiento web.

Si su proveedor de alojamiento web no permite subir archivos .wav, puede utilizar un tercer servicio de alojamiento de archivos parte, como Fileden, zShare y Megaupload.

3 Volver a la página Directorio de archivos. Seleccione el archivo HTML que contendrá el efecto del ratón. Haga clic en "Editar" para iniciar el Editor HTML de la página.

4 Busque el "<head>" y "</ head>" etiquetas dentro de la ventana del editor HTML. Coloque el código siguiente en cualquier lugar entre estas dos etiquetas. Editar el código mediante la sustitución del genérico "yoursoundfile.wav" con su propio nombre de archivo .wav.

<Script language = "JavaScript"> <! -

// Carga previa y reproducir archivos de audio con control de eventos (sonido al mover el ratón)

var aySound = new Array ();

// Abajo: origen de los archivos de sonido que se precargado

aySound [0] = "yoursoundfile.wav";

// NO editar debajo de esta línea

document.write ( '<BGSOUND ID = "auIEContainer">')

IE = (navigator.appVersion.indexOf ( "MSIE") = - 1 && document.all)? 1: 0;

NS = (navigator.appName == "Netscape" && navigator.plugins [ "LiveAudio"])? 1: 0;

ver4 = || IE NS? 1: 0;

onload = auPreload;

auPreload función () {

si (ver4!) return;

si (NS) = auEmb nueva capa (0, display);

else {

Str = "< 'position: absolute;' div id =" auEmb 'style => </ DIV> ";

document.body.insertAdjacentHTML ( "BeforeEnd", Str);

}

var cadena = '';

for (i = 0; i <aySound.length; i ++)

Str + = "<embed src = '" + aySound [i] + "' AUTOSTART =" falso "hidden =" TRUE ">"

si (IE) auEmb.innerHTML = Str;

else {

auEmb.document.open ();

auEmb.document.write (Str);

auEmb.document.close ();

}

auCon = IE? document.all.auIEContainer: auEmb;

auCon.control = auCtrl;

}

auCtrl funcionar (whSound, reproducción) {

si (IE) = this.src jugar? aySound [whSound]: '';

otra cosa eval ( "this.document.embeds [whSound]". + (jugar "reproducción ()": "parada ()"))

}

función reproducirSonido (whSound) {if (window.auCon) auCon.control (whSound, true); }

función detenerSonido (whSound) {if (window.auCon) auCon.control (whSound, false); }

// ->

</ Script>

5 Localizar los "<body>" y "</ body>" etiquetas dentro de la caja editor HTML. Coloque el código siguiente en cualquier lugar entre estas dos etiquetas. Editar el código reemplazando el enlace genérico con su propio enlace.

<A HREF="clickthislinktogotoanewpage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"> </A>

6 Haga clic en "Guardar" para guardar los cambios en su página web.