sound loop on mouseover

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • sound loop on mouseover

    Hallo!

    Ich versuche, eine Index-Page zu gestalten, die aus mehreren Bildern besteht, die als links funktionieren sollen. Nebenbei soll dem Benutzer on mouseover ein sound abgespielt werden. Zu sehen unter www.lamexcuse.com
    Mein Problem:
    Beim Mouseover des oberen Teiles des Bildes soll der sound nicht nur einmal abgespielt werden sondern solange geloopt werden, bis der user die Maus wegnimmt.

    ich finde soundloops immer nur bei flash-programmierungen aber nicht bei java-scripts, ist das in java überhaupt möglich?

  • #2
    ich hör da keinen sound.

    Sound in Java(!) sollte ohne weiteres möglich sein. Aber was hast du denn versucht?

    Kommentar


    • #3
      Allenfalls könnte dich selfhtml weiterbringen. Es gibt das die Möglichkeit, das für den IE und den Netscape zu machen.
      Was du brauchst wäre imho ein JS-Script, das dir beim mouseover die entsprechenden Tags in den Quelltext schreibt und wenn die Maus wieder weggeht, dann müssen auch die Tags wieder entfernt werden.
      Dabei kann dir node bei selfhtml auch weiterhelfen.

      Gruss

      tobi

      EDIT:

      Schau dir auch mal den Quellcode auf der von dir geposteten Seite an


      Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

      [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
      Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

      Kommentar


      • #4
        An bgsound hab ich auch schon gedacht, aber das wird nervig mit der zeit. Der besucher soll den loop ja nur hören wenn und solange er mit der maus auf dem oberen teil des radios bleibt. die unteren sounds brauch ich nur einmal, die würden ja in den hintergrund gedrängt, wenn immer im bg der radio klingt
        also ich denke die beste variante wäre (nur funzt das nicht)

        onMouseover="loopsound(2); loop='infinite' "; onMouseout="stopSound"

        so denk ich mir das, aber da denk ich wahrscheinlich komplett falsch

        Kommentar


        • #5
          Wie gesagt du musst natürlich beim mouseover event die kompletten Tags reinschreiben. Und beim verlassen wieder komplett entfernen.
          Also den <bgsound>-Tag und alle Attribute.

          Gruss

          tobi
          Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

          [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
          Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

          Kommentar


          • #6
            Fürchte, das überfordert bei weitem meine kenntnisse und fähigkeiten
            Hier der Quelltext in der derzeitigen form. Wo muss ich was reinschreiben? Bitte um Hilfe!

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



            <html>

            <head>

            <title>[ Homebase of Lamexcuse ]</title>

            <META content="Lamexcuse, lamexcuse, LameXcuse, lameXcuse, Lameexcuse, lameexcuse, Lame Excuse, lame excuse, Graz, Austria, Acoutic Rock, rock, Rock"

            name=keywords>

            <META content="Homebase of Lamexcuse - Austria´s Acoustic Rock"name=description>

            <onload="window.status=''">

            <script language="JavaScript" type="text/javascript">

            <!-- Hide from older browsers



            var aySound = new Array();

            aySound[0] = "sounds/tickerup.wav";
            aySound[1] = "sounds/wav_click.wav";
            aySound[2] = "sounds/radioloop.wav";


            // DO NOT edit below this line
            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); }




            function SwitchImg()

            { //start

            var rem, keep=0, store, obj, switcher=new Array, history=document.Data;

            for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {

            store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];

            if ((store.indexOf('document.layers[')==0 && document.layers==null) ||

            (store.indexOf('document.all[')==0 && document.all==null))

            store = 'document'+store.substring(store.lastIndexOf('.'),store.length);

            obj = eval(store);

            if (obj != null) {

            switcher[keep++] = obj;

            switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];

            obj.src = SwitchImg.arguments[rem+2];

            } }

            document.Data = switcher;

            } //end



            function RestoreImg()

            { //start

            if (document.Data != null)

            for (var rem=0; rem<(document.Data.length-1); rem+=2)

            document.Data[rem].src=document.Data[rem+1];

            } //end



            // end hiding contents -->

            </script>



            <style type="text/css">

            <!--

            p { font-size:12pt; color:#000000; font-family:courier new; font-weight:bold; }

            p1 { font-size:10pt; color:#000000; font-family:courier new; font-weight:bold; }

            p2 { font-size:10pt; color:#000000; font-family:courier new; }

            p3 { font-size:8pt; color:#000000; font-family:courier new; }

            h1 { font-size:14pt; color:#000000; font-family:courier new; }

            h2 { font-size:18pt; color:#000000; font-family:courier new; }

            //-->

            </style>


            </head>



            <body bgcolor="#FFFFFF" text="#000000" link="#3300FF" vlink="#FF0000" alink="#000000">


            <center><h2><br><br>[ Your choice - Deine Wahl ]</h2><br><br>

            <a href="" onMouseOver="SwitchImg('document.Imagec','document.Imagec','iicons/oldradiotop1.jpg'); playSound(2); window.status='make your choice - triff deine auswahl';return true" onMouseOut="RestoreImg(); stopSound(1); window.status=' ';return true">
            <img name=Imagec src="iicons/oldradiotop1.jpg" width="420" height="185" border="0"></a><br><a href="index1.html"
            onMouseOver="SwitchImg('document.Imagea','document.Imagea','iicons/englbutton1.jpg'); playSound(0);window.status='choose english version';return true"
            onMouseOut="RestoreImg(); playSound(1);window.status=' ';return true"><img name=Imagea src="iicons/englbutton.jpg" width="127" height="86" border="0"></a><img src="iicons/oldradiobottom1.jpg" width="167" height="86" border="0"><a href="index3.html" onMouseOver="SwitchImg('document.Imageb','document.Imageb','iicons/germbutton1.jpg') ;playSound(0);window.status='deutsche Version';return true" onMouseOut="RestoreImg();playSound(1);window.status=' ';return true"><img name=Imageb src="iicons/germbutton.jpg" width="127" height="86" border="0"></a>
            <br><br><br>




            </body>

            </html>

            Kommentar


            • #7
              Hast du das Bsp bei SelfHtml mal angeschaut ?
              Mittels
              Code:
              document.write('<bgsound src="background.mid" loop="infinite">');
              Solltest du das in den head Bereich deines Files schreiben. Aber eben nur dann wenn der mouseover event stattgefunden hat. Also noch ein if/else-Konstrukt einbauen.
              Ausserdem musst du das ganze noch für den Netscape im body mittels <embed> machen.
              Ich selbst habe das noch nie probiert, aber ich denke das müsste schon funzen. Bau Dir sonst einfach mal das Bsp aus dem Web nach und versuche auf die events mit dem Fkt-Aufruf zu reagieren.

              Gruss

              tobi
              Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

              [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
              Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

              Kommentar

              Lädt...
              X