rollover mit sound

sapo

ich hab auf meiner Seite einige Rollovers mit Ton
http://www.zahndmartin.ch
Zunehmend werden die Java plugins vom Browser abgelehnt.
Kann ich das in html machen?
Danke im voraus

synaptic

also javaplugins werden nich von browswern sondern von usern abgelehnt,....
meist von denen die selber zu dumm sind vernünftig zu surfen, die haben dann schiss das was passiert, weil java und javascript ja BÖSE is .. humbug!
geht mit javascript und html

sapo

leider ist bei vielen Browsern der default bei nachfragen, was die user verunsichert und bei einigen z.B. Konqueror auf abgelehnt. Desshalb möchte ich es auch anders lösen.
Gibts eine Lösung?

synaptic

also nur um des mal eben zu klären, egal welche webtechnologie du benutzt, es wird immer ein plugin oder was ähnliches benötigt...
javascript wird von vielen deaktiviert, java und flash müssen installiert werden, macht man es nicht, is die entsprechende variante auch wat fürn boppes...
hintergrundsound is in netscape und ie unterschiedlich, evtl kannste aber was mit dem object-tag machen, wenn du valides xhtml benutzt, hab bisher solche angelegenheiten mit javascript gelöst.

aber bei dem was du da verlinkt hast als applet wäre flash als pendant ratsam

sapo

Ich komm nicht weiter.:-(
Das Java auf meiner Seite ist Binär, gibts auch offene Java scripts.
Könnte ja sein, dass es dann besser unterstützt wird
(ich weiss Google, aber ich suche schon seit 3 Stunden )
Danke im voraus

synaptic

free script?
mhh kannst auch gerne wat zahlen dafür

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<html>
<head>
    <title></title>

<script language="JavaScript">
<!--
var soundz = new Array();


function loadsounds(){
soundz[0] = new Object();
soundz[0].src = "http://home.arcor.de/synaptic/hier/pumpgun.mp3";
soundz[1] = new Object();
soundz[1].src = "http://home.arcor.de/synaptic/hilfe/boom.au";
soundz[2] = new Object();
soundz[2].src = "http://pfad_zum_sound/sound3.wav";
}


 
 function playsnd(soundid){
 target = document.getElementById("playerdiv");
 var soundtag;
 switch(soundid){
 case "0":
    soundtag= "<embed hidden='true' type='audio/x-wav' loop='false' src='" + soundz[0].src + "' id='player'/>";
 break;
  case "1":
    soundtag= "<embed hidden='true' type='audio/x-wav' loop='false' src='" + soundz[1].src + "' id='player'/>";
 break;
  case "2":
    soundtag= "<embed hidden='true' type='audio/x-wav' loop='false' src='" + soundz[2].src + "' id='player'/>";
 break;  
     }
target.innerHTML=soundtag;

 }
 // -->
 </script>
</head>
<body onload="loadsounds();">
<div id="playerdiv"></div>
<img src="http://home.arcor.de/synaptic/g15.jpg" onmouseover="playsnd('0');" />
<br />
<img src="http://home.arcor.de/synaptic/hilfe/reiter.jpg" onmouseover="playsnd('1'); this.src='http://home.arcor.de/synaptic/hilfe/reiteroff.jpg';" onmouseout="this.src='http://home.arcor.de/synaptic/hilfe/reiter.jpg';" />
</body>
</html>

Alles anzeigen

sieht dann so aus: http://home.arcor.de/synaptic/hilfe/rollsnd.html
gehste mit der mouse über nen bild kommt der sound, bei dem kleinen bild, dem registerdings is auch nen mouseover fürs bild mit drin!

sapo

ohh, vielen Dank
werde es nächste Woche versuchen.
Danke nochmals

sapo

konnte natürlich nicht warten
habs versucht, IE und Konqueror 4 besstens, Firefox fragt nach audio x/wav und der alte Konqueror 3.5 öffnet den Sound in einem separate Window. Alles in allem aber ist es ein grosser Fortschritt. was mir noch fehlt ist, ein Befehl onclick open url oder so ähnlich.
Kannst Du mir nochmals helfen?
Fallst Du mal in Zürich bist, ist Dir min. ein Bier garantiert

synaptic

ja willst du denn wav-files abspielen oder welches format is des? denn bei mir im ff2 funzt des mit wav-files und au-files.

und dein onclick-dings.. da brauch ich mehr informationen.

sapo

Bei mir sind es .au files
Hier ein Printscreen
[Blockierte Grafik: http://www.zahnd.info/firefox.jpeg]
[Blockierte Grafik: http://www.zahnd.info/konq.jpeg]
Das onClick sollte bedeuten, wenn man mit der Maus auf das Rolloverbild klickt, öffnet sich url...
Danke im voraus

synaptic

also wen du den sound abspielen willst und ne url öffnen, muss das öffnen der url verzögert stattfinden, sonst wird der sound nämlich net abgespielt...
und das nötige plugin ist quicktime, evtl hats bei mir geklappt, weil ich des installiert hab...
es gibt noch ne andere variante, in der nen ganzer mediaplayer eingebunden wird, jedoch ist des etwas komplizierter, weil beim verstecken dieses mediaplayers der sound auch irgendwie nich kommt (zumindest bei display:none;)
ich weiß net was mehr bringt, den usern quicktime aufs auge zu drücken oder evtl doch lieber mit flash zu arbeiten- was auch nen plugin braucht!
bei flash kann ich dir mal gar nich weiterhelfen!
überleg dir wie du es lieber hättest...
evtl hab ich später zit zu scripten, kanns aber net versprechen

sapo

das mit dem Click hab ich fast geschafft mit
onclick="src='images/murmeli2.jpg';"
Anzeige ist aber nicht in einem neuen Fester
http://www.foto.zahnd.info/index3.html
Mit den sound ist auch komisch, funktioniert nicht in Konqueror 4, kommt nichts.
Danke im voraus für die hilfe

sapo

Das mit Konqueror 4 war ein Software-Bug, läuft jetzt wie in Firefox.
Das zusätzliche Musikplayerfenster liegt glaub ich auch an Linux.
was ich überhaupt nicht verstehe ist, wieso der "preload" nicht funktioniert.
Und wie kann man die Musik stoppen, wenn die Maus das Bild verlässt?
Danke im voraus für die Hilfe

sapo

bin ein bisschen weiter gekommen
stop sound on mouse out habe ich "gelöst" mit

HTML

onmouseout="playsnd('1'); this.src='voegel/pfau.jpg';"

sound('1') ist da eine leere Soundatei.
Aber der preload will nicht richtig.
D.h. der Preload geht schon, aber der Player dauert 1 bis 2 sekunden, Daten local.
Kann man den Player auch vorausladen?

lippi22

Hai

... das Script hab ich letzte woche zufällig endteckt. Funzt ganz gut, preloadet auch die sounds und so damit es direkt spielt wenn du rollover machst:

http://code.google.com/p/swfsound

cheers,
Lippi

sapo

danke
ich möchte versuchen, mit html 5 zu lösen <audio> tag
http://www.w3schools.com/tags/html5_ref_eventattributes.asp
hat das jemand schon probiert?
Danke im voraus

synaptic

gemacht net, aber scheint ooch nich grad schwer zu sein...!

sapo

Nicht so schwer? Mit Rollover?
Meine Kenntnisse reichen definitiv nicht aus. Kann mir jemand ein Tip geben?
Dieser Code möchte ich umschreiben

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Martin Zahnd Professional foto, pictures for free</title>
<script language="JavaScript">
<!--
var soundz = new Array();


function loadsounds(){
soundz[0] = new Object();
soundz[0].src = "sounds/schluerf.au";
soundz[1] = new Object();
soundz[1].src = "sounds/gurbs.au";
soundz[2] = new Object();
soundz[2].src = "sounds/stop.au";
}


 function playsnd(soundid){
 target = document.getElementById("playerdiv");
 var soundtag;
 switch(soundid){
 case "0":
    soundtag= "<embed hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[0].src + "' id='player'/>";
 break;
 case "1":
    soundtag= "<embed hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[1].src + "' id='player'/>";
 break;
 case "2":
    soundtag= "<embed hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[2].src + "' id='player'/>";
 break;
   }
target.innerHTML=soundtag;


 }
 function openWindow(theURL)
 { window.open(theURL);
 }
 // -->
 </script>
</head>
<body onload="loadsounds();">
<div id="playerdiv"></div>
<center>
<table border="0" width="765" height="111">
        <table width="800" border="0" cellspacing="4" cellpadding="4" height="416"><tr>
  <td align="center">
        <img src="insekten/biene.jpg" class="hlink" onmouseover="playsnd('0'); this.src='insekten/bienee.jpg';"
        onmouseout="playsnd('2'); this.src='insekten/biene.jpg';"
        onclick="openWindow(this.src='insekten/bieneg.jpg')">
        </td>
  <td align="center">
        <img src="insekten/maikaefer.jpg" class="hlink" onmouseover="playsnd('1'); this.src='insekten/maikaefere.jpg';"
        onmouseout="playsnd('2'); this.src='insekten/maikaefer.jpg';"
        onclick="openWindow(this.src='insekten/maikaeferg.jpg')">
        </td>
      </tr>
      </table>
    </center>
</body></html>

Alles anzeigen

synaptic

ich frag mich wo des problem liegt.. mit etwas logik kommste dahinter, dass du im script den teil hier:

Code

<embed style='visibility:hidden;' width='0' height='0' loop='false' src='" + soundz[0].src + "' id='player'/>

abändern musst in das neue tag

Code

<audio hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[0].src + "' id='player'></audio>

soundz[0].src musste eben für jeden sound hochzählen.

sapo

danke für die Antwort.
Leider hab ich fast keine Ahnung von Java.
hab es so geändert, bekomme aber kein Ton mit Firefox 3.1 beta

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Martin Zahnd Professional foto, pictures for free</title>
<script language="JavaScript">
<!--
var soundz = new Array();


function loadsounds(){
soundz[0] = new Object();
soundz[0].src = "sounds/bomba.au";
soundz[1] = new Object();
soundz[1].src = "sounds/osole.au";
soundz[2] = new Object();
soundz[2].src = "sounds/stop.au";
}


 function playsnd(soundid){
 target = document.getElementById("playerdiv");
 var soundtag;
 switch(soundid){
 case "0":
    soundtag= "<audio hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[0].src + "' id='player'></audio>";
 break;
 case "1":
    soundtag= "<audio hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[1].src + "' id='player'></audio>";
 break;
 case "2":
    soundtag= "<audio hidden='true' width='0' height='0' type='audio/basic' loop='false' src='" + soundz[2].src + "' id='player'></audio>";
 break;
   }
target.innerHTML=soundtag;


 }
 function openWindow(theURL)
 { window.open(theURL);
 }
 // -->
 </script>
</head>
<body onload="loadsounds();">
<div id="playerdiv"></div>
<center>
<table border="0" width="765" height="111">

<table width="800" border="0" cellspacing="4" cellpadding="4" height="416"><tr>
  <td align="center">
        <img src="landschaft/eiffelturm.jpg" class="hlink" onmouseover="playsnd('0'); this.src='landschaft/eiffelturm.gif';"
        onmouseout="playsnd('2'); this.src='landschaft/eiffelturm.jpg';"
        onclick="openWindow(this.src='landschaft/eiffelturmg.jpg')">
        </td>
  <td align="center">
        <img src="landschaft/venedig2.jpg" class="hlink" onmouseover="playsnd('1'); this.src='landschaft/venedig2.gif';"
        onmouseout="playsnd('2'); this.src='landschaft/venedig2.jpg';"
        onclick="openWindow(this.src='landschaft/venedig2g.jpg')">
        </td>
      </tr>
      </table>
</body></html>

Alles anzeigen

rollover mit sound

Tags

Benutzer online in diesem Thema