onMouseover-Geräusch browserkompatible
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bekommen
benutzen
code
dank
format
funktion
glauben
idee
jemand
kasten
musik
opus
problem
suche
testen
ton
versuch
zusehen
-
Das Script,wie ich verschiedene onMouseovergeräusche in eine Seite packe, dass ich neulich hier bekommen habe, funzt zwar im IE, aber bei FF und Opera nicht. Kann man das irgendwie browserkompatible machen? Hier das Script:
zwischen <head> und </head>
<SCRIPT LANGUAGE=JavaScript>
function play_sound(name)
{
document.getElementById(name).play();
}
</SCRIPT>
zwischen<body> und </body>
<EMBED SRC="wuff.mp3" autostart=false loop="0" HIDDEN=TRUE NAME="Hund" width="0" height="0"></EMBED>
<EMBED SRC="miau.mp3" autostart=false loop="0" HIDDEN=TRUE NAME="Katze" width="0" height="0"></EMBED>
<img src="BildHund.gif" onMouseOver="play_sound('Hund')" alt="wuff" border="0" >
<img src="BildKatze.gif" onMouseOver="play_sound('Katze')" alt="miau" border="0" >
Vielleicht hat jemand eine Idee dazu?
Danke und Grüße
Benny
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
dieses script ist sehr einfach und funktioniert in allen browsern:
im <head>:
<script language="javascript" type="text/javascript"> function Sound(url) { if(url) { document.getElementById("player").innerHTML= "<embed src='" + url + "' autostart='true' loop='false' hidden='true'/>"; } else { document.getElementById("player").innerHTML= ""; } } </script>
im <body>:
<img src="BildHund.gif" onMouseOver="Sound('sound/wuff.mp3');" alt="wuff" border="0" > <img src="BildKatze.gif" onMouseOver="Sound('sound/miau.mp3');" alt="miau" border="0" > <div id="player"></div>
wenn ich mich nicht irre, können mit diesem script aber nicht alle musik-formate abgespielt werden (ich glaube gerade mp3 wird nicht unterstützt)...
du musst es halt mal testen und evtl. das format deiner sounds ändern.
Beitrag geändert: 6.9.2008 11:38:29 von stivo -
@stivo: Hey, vielen Dank! Jetzt gehen die Töne auch mit anderen Browsern. Aber bei Opera ist immer der Player als weißer Kasten zusehen. Hast Du da vielleicht noch ne Idee, wie wir den noch wegbekommen?
Gruß Benny
Beitrag geändert: 6.9.2008 18:32:17 von benny66
<div id="player" style="display: none"></div>
Beitrag geändert: 6.9.2008 18:38:52 von merovius -
Um das Problem abzuschliessen: Ich hab jetzt ein Script gefunden, das nur wenig anders aussieht, als das von stivo und das auch bei Opera nicht mehr diesen weißen Kasten anzeigt:
<head>
<script language="javascript" type="text/javascript">
function Sound(url) {
if(!url) {
document.getElementById("sound").innerHTML= “”; }
else {
document.getElementById("sound ").innerHTML= "<embed src='" + url + "' autostart='true' loop='false' hidden='true' width='1' height='1'</embed>"; }
}
</script>
</head>
<body>
<img src="Hund.gif" onmouseover="Sound('hund.wav');" alt="wuff"><br/>
<img src="Katze.gif" onmouseover="Sound('katze.wav');" alt="miau"><br/>
<div id=”sound”></div>
</body>
Das funktioniert prima! Dieser Thread kann nun geschlossen werden.
Gruß Benny
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
