Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

Preload and play audio files

Browser requirements: IE4+, NS4+
Credits: JS Archive

Example:

All sound files are taken from the Windows 98® CD-ROM
©1995 Microsoft Corporation.

Play sound onMouseOver, onMouseOut
Play sound onClick

Instructions:

Step I - Copy and paste the following code into the <HEAD> section of your page.

Select All

<BGSOUND ID="auIEEmb">
<SCRIPT><!--
// MouseOver/MouseClick audio.
// by JS Archive - http://jsarchive.8m.com

var ayAudio = new Array();
// Source for sound files to be preloaded
ayAudio[0] = "Chimes.wav";
ayAudio[1] = "Ding.wav";

function AudioCheck() {
	var n = navigator.appName
	if (n=="Netscape") this.ns = true;
	else if (n=="Microsoft Internet Explorer" && document.all) this.ie = true;
	else this.noAudio = true;
}
onload = function() {
	is = new AudioCheck()
	if (is.noAudio) return;

var s = '';
	for (i=0; i<ayAudio.length; i++)
	s += "<EMBED SRC='"+ayAudio[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"

if (is.ns) {
		auEmb = new Layer(0);
		with (auEmb.document) { open();write(s);close() };
	}
	else document.body.insertAdjacentHTML("BeforeEnd",s);

auCon = is.ns? auEmb.document.embeds:auIEEmb;
	auCon.ctrl = function(au,play) {
		if (is.ie) this.src = play? ayAudio[au]:'';
		else eval( "this[au]." + (play? "play()":"stop()") );
	}
	is.auDone = true;
}
function playAudio(whAu) { if (window.auCon) auCon.ctrl(whAu,1) }
function stopAudio(whAu) { if (window.auCon) auCon.ctrl(whAu,0) }
//--></SCRIPT>

Step II - Edit the aySound array to preload the sound files.

aySound[0]="YourSoundFile.wav";
aySound[1]="AnotherSoundFile.au";
aySound[2]="EvenAnotherOne.ra";
.
.
as many sound files as one wants.

Step III - Play the sound files with an event handler.

Links:
- onMouseOver/onMouseOut sound:
<A HREF="javascript:void(0);" onMouseOver="playAudio(0)" onMouseOut="stopAudio(0)"></A>
- onClick sound:
<A HREF="javascript:playAudio(1);"></A>

Note: playAudio(0) plays the audio file of ayAudio[0]; stopAudio(1) will stop ayAudio[1], etc.

If there are any errors installing or running this script,
please e-mail us at webmaster@jsarchive.8m.com

Back home

designed by JS Archive, 2000