Beiträge von sapo

sapo

ich hab es mit au, ogg und wav probiert. Ogg und wav müsste doch im firefox 3.5 integriert sein.
Ps der sound gefällt allen Kindern, die ich kenne und für die ist er auch bestimmt

sapo

bin leider immer noch nicht weiter
(zum heulen)
muss zwingend für sound im javascript das Quicktime-plugin installiert sein oder gibts ein Weg, das zu umgehen?

sapo

Firefox 3.5 ist raus mit Audio-tag.
Leider hab ich meine Seite nicht fertiggebracht, kommt kein sound

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>
<meta name="description" CONTENT="Picture about nature, travel, insects, birds, flowers, mammal, panorama, natur, reisen, insekten, voegel, blumen, tiere, voyage, oiseau, fleur, mamifiere, viagens, insectos, passaros, flores, mamiferos, photo, photos, fotos, pictures, gratis, sonnenuntergang, sunset, por de sol, professional, orchidee, orchis, macro, brasil, brazil ">
<meta name="keywords" lang="de" content="natur, reisen, insekten, blumen, tiere, foto, fotos, bilder, gratis, professional, landschaft, macro, makro, berge, alpen">
<meta name="keywords" lang="pt" content="viagens, insectos, passaros, flores, mamiferos, photo, photos, fotos, foto, de graca, professional, macro">
<meta name="keywords" lang="en" content="nature, travel, insects, birds, flowers, mammal, photo, photos, fotos, foto, picture, gratis, professional, alpes, mountains">
<meta name="keywords" lang="fr" content="insect, voyage, oiseau, fleur, mamifiere, photo, photos, fotos, foto, gratis, professional, alpes, macro, montagne">
<meta name="copyright" content="Martin Zahnd">
<meta name="robots" content="all">
<meta name="author" content="Martin Zahnd">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"><style type="text/css">
img {border:0px;}
a:link {color:#FFFF00;}
a:visited {color:#FFFF00;}
a:hover {color:#FFC600;}
a:active {color:#FFFF00;}
b,i {color:#C0C0C0}
body {background-image:url(background.jpg);
background-repeat:repeat;
background-attachment:fixed;}
.hlink{cursor:pointer}
</style>
<script language="JavaScript">
<!--
var soundz = new Array();


function loadsounds(){
soundz[0] = new Object();
soundz[0].src = "sounds/start.ogg";
soundz[1] = new Object();
soundz[1].src = "sounds/stop.ogg";
}


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


 }
 function openWindow(theURL)
 { window.open(theURL);
 }
    var b = new Array();
    b[0] = new Image(); b[0].src = "start1.png";
    b[1] = new Image(); b[1].src = "start2.png";
    b[2] = new Image(); b[2].src = "start3.png";
    b[3] = new Image(); b[3].src = "start4.png";
    var i = 0;
    var speed = 300; // Delay in milliseconds
    function diaShow()
        {
        if(i > 3) i = 0;
        document.images.show.src = b[i].src;
        i = i + 1;
        window.setTimeout("diaShow()",speed);
        } // -->
 </script>
</head>
<body onload="loadsounds(); diaShow()">
<div id="playerdiv"></div>
<center>
  <table width="500" align="center" border="0" height="451">
    <tr>
      <td align="center" height="180"> <img src="willk.png"></td>
    </tr>
    <tr><td align="center">
        <img src="voegel/pfau.jpg" class="hlink" class="hlink"
         onmouseover="playsnd('0'); this.src='voegel/pfaue.jpg';"
    onmouseout="playsnd('1'); this.src='voegel/pfau.jpg';"
    onclick="openWindow(this.src='voegel/pfaug.jpg')"> </td></tr>
    <tr>
      <td align="center" height="108">
        <p><i><b><font face="Times" size="5">Super Fotoshow</font></b></i></p>
        <p><img id="show" src="start1.png" border="0"></p></td>
          </tr>
          </table>
  <table align="center" height="48">
    <tr>
            <td align="center" width="147"><span title="deutsch">
            <b><a href="site01_d.html"><img src="deutschland.gif" border="0"></b></span></a>
            </td>
            <td align="center" width="147"><span title="portugues">
            <b><a href="site01_p.html"><img src="brasilien.gif" border="0"></b></span></a>
            </td>
            <td align="center" width="147"><span title="english">
            <b><a href="site01_e.html"><img src="grossbritanien.gif" border="0"></b></span></a>
            </td>
            <td align="center" width="147"><span title="fran�ais">
            <b><a href="site01_f.html"><img src="frankreich.gif" border="0"></b></span></a>
            </td>
          </tr>
</table>
</center>
<table align="center" height="200">
<tr><td align="center"><a href="http://www.kde.org">
<img src="http://www.kde.org/stuff/buttons/kde-user.png" align="center" alt="kde-user" border="0">
</a></td></tr></table>
</body></html>

Alles anzeigen

Hat jemand ein Tip? Danke im voraus

sapo

ja klar, mich ärgert nur auf meiner aktuellen seite die Verzögerung des Players.
Zum audio, was ich schon mal rausgefunden habe, ist, dass nur wav Dateien gehen.
Aber meine Rollovers hab ich nicht zum laufen gebracht.

sapo

haha
genau, da liegst Du genau richtig
ist heute rausgekommen
http://www.mozilla.com/en-US/firefox/3.1b3/releasenotes/
werde es gleich heute Abend testen

sapo

Geht auch nicht
Fehlerkonsole zeigt auch kein Fehler. Leider hab ich keine Ahnung von JavaScript

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

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

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

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?

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

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

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

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

sapo

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

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

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?

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

sapo

Hab einen guten Weg gefunden

Code

<p style="border-bottom-color:#c0c0c0; border-width: 1px medium; border-bottom-style:solid;"></p>

Wird von IE und Firefox erkannt.
Danke für Eure Hilfe

sapo

ich schaff es nicht. Jetzt bin ich schon über 2 stunden drann
style="border-bottom:none;" wird nicht erkannt
im css

Code

table {border-bottom: 1px solid #c0c0c0;}

wirk auch nicht

Beiträge von sapo

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

rollover mit sound

Border-color im Firefox falsch

Border-color im Firefox falsch