[HTML] Onmouseover- & Onclickverzögerung

Dieses Thema im Forum "Webentwicklung" wurde erstellt von PoweRanga, 1. Oktober 2007 .

Schlagworte:
  1. 1. Oktober 2007
    Onmouseover- & Onclickverzögerung

    Guten Tag,
    Ich muss für den Informatik Unterricht en bisschen mit HTML rumspielen und ich möchte zunächst betonen das ich ein ziemlicher Noob bin was das betrifft

    Wie dem auch sei, nun zu meinem Problem:

    Ich habe ne Seite und dort soll per Mouseover und auf ner anderen Seite bei nem Onclick jeweils ein Sound abgespielt werden. Das funktioniert auch soweit, jedoch sind die Sounds ziemlich verzögert...

    Hier mal der Code der Onclick Variante:
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Phrantic Arena</title>
     <script>
     <!-- 
     function randomPosition()
     {
     var e = document.getElementById("demo");
     e.style.position = "absolute";
     if (Math.random() < 1/6) {e.style.left = 170 + "px"; e.style.top = 360 + "px";}
     else { if (Math.random() < 1/6*2) {e.style.left = 285 + "px"; e.style.top = 250 + "px";}
     else { if (Math.random() < 1/6*3) {e.style.left = 410 + "px"; e.style.top = 152 + "px";}
     else { if (Math.random() < 1/6*4) {e.style.left = 435 + "px"; e.style.top = 395 + "px";}
     else { if (Math.random() < 1/6*5) {e.style.left = 685 + "px"; e.style.top = 145 + "px";}
     else { if (Math.random() < 1/6*6) {e.style.left = 530 + "px"; e.style.top = 250 + "px";}
     }}}}}
     }
     //-->
     </script>
     <script type="text/javascript">
     function playSound()
     {
     document.getElementById('sound').innerHTML='<embed src="sound/fire01.wav" autostart=true loop=1 type="audio/x-wav" width="1" height="1" />';
     }
     </script> 
    </head>
    
    <body background="images/arena_1.jpg">
    <div id="sound" style="position:absolute;top:0px;left:0px;width:0px;height:0px;overflow:hidden;"><embed src="sound/fire01.wav" autostart=false type="audio/x-wav" width="0" height="0" /></div>
     <a href="javascript:void randomPosition();" onclick="playSound()"><img src="images/marine_30.png" id="demo" border="0"/></a>
    </body>
    </html>
    
    Das Script ist auch nur ein bearbeitetes kopiertes Script also wenn ihr eine bessere Lösung habt immer her damit ^^

    Ich hoffe ihr könnt mir helfen, danke
     
  2. 1. Oktober 2007
    AW: Onmouseover- & Onclickverzögerung

    Der Sound ist verzoegert, da das Audiofile erst geladen werden muss, bevor es abgespielt werden kann.
     
  3. 1. Oktober 2007
    AW: Onmouseover- & Onclickverzögerung

    Kann man das irgendwie umgehn oder vorladen oder was weiß ich was
     
  4. 1. Oktober 2007
    AW: Onmouseover- & Onclickverzögerung

    Hier habe ich etwas gefunden, was zwar nicht ganz dem entspricht, was du suchst, aber hier werden Audio-Dateien mit Hilfe von Javascript vorgeladen. (Mit Bildern geht das auf jeden Fall mit Javascript.) Vielleicht hilft dir das ja weiter. Ansonsten: google>javascript preload oder so (damit hab ich u.a. gesucht).

    //Edit: Sound on/off

    Löl Link vergessen...bitteschön
     
  5. 1. Oktober 2007
    AW: Onmouseover- & Onclickverzögerung

    Naja danke schonma, ich werd mich dann ma weiter schlau machen ^^
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.