homewabbit
asked on
Clicked image to loop .wav sound
Hello,
1) How do I make this page repeat/loop the .wav when the image is clicked?
2) I also want to keep the 'stop the sound' text link; but that seems to be working fine.
Here`s my code:
-------------------------- ---------- ---------- ---------- ---------- ---------- -
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="Ryan">
<meta name="GENERATOR" content="Mozilla/4.77 [en] (Win98; U) [Netscape]">
<title>Nil</title>
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "Button.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.inde xOf("MSIE" )!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netsc ape" && navigator.plugins["LiveAud io"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;' ></DIV>";
document.body.insertAdjace ntHTML("Be foreEnd",S tr);
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer :auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds [whSound]. " + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true ); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,fals e); }
//-->
</script>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br><br>
<center>
<a href="javascript:playSound (0);">
<img src="ButtonEmrg.jpg" BORDER=0></a>
</center>
<a href="javascript:stopSound ()">Stop the sound</A>
</body>
</html>
1) How do I make this page repeat/loop the .wav when the image is clicked?
2) I also want to keep the 'stop the sound' text link; but that seems to be working fine.
Here`s my code:
--------------------------
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="Ryan">
<meta name="GENERATOR" content="Mozilla/4.77 [en] (Win98; U) [Netscape]">
<title>Nil</title>
<script LANGUAGE="JavaScript"><!--
// Preload and play audio files with event handler (MouseOver sound)
// designed by JavaScript Archive, (c)1999
// Get more free javascripts at http://jsarchive.8m.com
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "Button.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.inde
NS = (navigator.appName=="Netsc
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'
document.body.insertAdjace
}
var Str = '';
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:'';
else eval("this.document.embeds
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,fals
//-->
</script>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br><br>
<center>
<a href="javascript:playSound
<img src="ButtonEmrg.jpg" BORDER=0></a>
</center>
<a href="javascript:stopSound
</body>
</html>
ASKER
Hi GwynforWeb,
That does`nt seem to work.
HW/*
That does`nt seem to work.
HW/*
ASKER
I tried that already, it still does`nt loop :(
HW/*
HW/*
ASKER
I found a working answer.. and am going to request this question be deleted and refunded.
HomeWabbit/*
<html>
<body>
<script language="JavaScript"><!--
function playSound() { document.firstSound.play() ; }
function pauseSound() { document.firstSound.pause( ); }
function stopSound() { document.firstSound.stop() ; }
//--></script>
<a href="javascript:playSound ()"><img src="play.gif" width="100" hight="100"></a><br>
<a href="javascript:pauseSoun d()"><img src="pause.gif" width="100" hight="100"></a><br>
<a href="javascript:stopSound ()"><img src="stop.gif" width="100" hight="100"></a><br>
<embed src="sound.wav" hidden=true autostart=false loop=false name="firstSound" mastersound>
</body>
</html>
HomeWabbit/*
<html>
<body>
<script language="JavaScript"><!--
function playSound() { document.firstSound.play()
function pauseSound() { document.firstSound.pause(
function stopSound() { document.firstSound.stop()
//--></script>
<a href="javascript:playSound
<a href="javascript:pauseSoun
<a href="javascript:stopSound
<embed src="sound.wav" hidden=true autostart=false loop=false name="firstSound" mastersound>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE' LOOP='TRUE'>"