Sound bei Mouseover

ruddel

Well-known member
21 April 2006
756
19
Hallo!
Ich möchte einen Sound bei Mouseover abspielen.

Link:


https://golfer.go.funpic.de/design/


Aber bei mir auf der Seite geht das net.

Das steht im Headbereich:

Code:
 <script LANGUAGE="JavaScript">
<!--
var aySound = new Array();
aySound[0] = "/sounds/drivehole.wav";

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;

function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
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,false); }
//-->
</script>


Bei ersten Link habe ich stehen:

Code:
<a href="index.html" onMouseOver='playSound(0)' onMouseOut='stopSound(0)'>Home</a>


Aber irgendwie passiert nichts, hat vll. einer ne Idee wie das gehen könnteß


MFG
RUDDEL
 
Vorweg:

Ja die Person für die ich die Homepage erstelle will diese Sound haben.

Habe hier nochmal was anderes ausprobiert das ich im Netzt gefunden habe. funzt aber auch net

Headbereich:

Code:
<script language="JavaScript"> function PlaySound() { if (document.all) { document.all.play.src = "sound.wav"; } } </script>


Body:
Code:
<bgsound id=play> <embed src="./sounds/drivehole.wav" hidden="true" autostart="false"></embed>


LinK.

Code:
<a href="index.html" onmouseover="javascript:PlaySound()">Home</a>
 
Eine zuverlässige Lösung wirst du wohl nur mit Flash oder einem Java Applet hinkriegen. Das bedeutet allerdings, dass du entsprechende Links / Buttons innerhalb eines Flashelements oder einem Java Applet definieren mußt.

Aber wie schon erwähnt wurde: Sounds sind schlecht (da nervig und unzuverlässig), darauf solltest du deinen Auftraggeber eventuell hinweisen.
 
Hast Du Dir die Lösung mittels Scriptaculous überhaupt mal angeguckt?

Folgendes funktioniert im Firefox, IE und Opera "problemlos":
HTML:
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
</head>
<body>
	<div style="background-color: red; border: 1px solid black; height: 100px; width: 100px;" onmouseover="Sound.play('sword.mp3');">
		düdelüd
	</div>
</body>
</html>
"Problemlos" weil nur der IE das Playback native unterstützt. Insofern wirst Du beim Opera, Firefox und anderen Browsern, die das Playback über Plugins wie Quicktime realisieren, immer eine nicht zu verachtende Verzögerung haben...
 
Hast Du Dir die Lösung mittels Scriptaculous überhaupt mal angeguckt?

Folgendes funktioniert im Firefox, IE und Opera "problemlos":
HTML:
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
</head>
<body>
	<div style="background-color: red; border: 1px solid black; height: 100px; width: 100px;" onmouseover="Sound.play('sword.mp3');">
		düdelüd
	</div>
</body>
</html>
"Problemlos" weil nur der IE das Playback native unterstützt. Insofern wirst Du beim Opera, Firefox und anderen Browsern, die das Playback über Plugins wie Quicktime realisieren, immer eine nicht zu verachtende Verzögerung haben...


Ja ich habe mich aber absolout nicht zurechtgefunden auf der Seite.