HTML5: Sound abspielen mit onclick funktioniert in Chrome und IE nicht immer

  • Hallo zusammen!


    Ich habe ein Problem beim Abspielen von Sounds in Chrome und IE.


    Ich möchte auf meiner Seite ein Klickgeräusch beim Anklicken eines Buttons der Navigation einfügen. Gelöst habe ich das mit Onclick.. Auf jeder Seite habe ich den Sound eingefügt und dann beim Button onclick eingefügt und eine entsprechende FUnktion in Javascript. In Firefox funktioniert es einwandfrei, in Chrome und IE jedoch ist der Ton nur manchmal zu hören, wenn ich es auf einer Seite ausprobiere funktioniert es mal, 5 Minuten später funktioniert es nicht mehr (obwohl ich nichts am Code geändert habe). Ein "Muster" wann es geht und wann nicht konnte ich noch nicht feststellen.


    Hat jemand einen Tipp?? :)


    Hier der Quellcode:


    Eingebundenes Audio:


    <audio id="klick">
    <source src="sounds/Farbtropfen.mp3" type="audio/mp3">
    <source src="sounds/Farbtropfen.ogv" type='audio/ogg; codecs="theora, vorbis"'/>
    </audio>


    Verweis auf Funktion:
    <img src="images/schwarz_rechts.png" alt="About" id='button_schwarz'/>
    <a href="About.html" onclick="klecks(this)"><p id="about" style="color:grey";>About</p></a>


    <img src="images/button_gruen.png" alt="More" width="210" height="316" id='button_gruen'/>
    <a href="More.html" onclick="klecks(this)"><p id="more">More</p></a>


    etc.

    Funktion:

    function klecks (currentElement) {


    document.getElementById("klick").play();
    }

  • Probier mal <audio preload id="klick">
    Kann mir allerdings vorstellen, dass beim Klick auf den Link das Ganze hinfällig wird, da die Neue Seite ja schon geholt wird.
    Du kannst das ja mal testen, in dem Du den link "tot" machst: <a href="#" onclick="klecks(this)"><p id="more">More</p></a>


    Btw - da fehlt doch noch was - Du erwartest in der function ein currentElement, aber das wird da nicht verwendet

  • Danke für die schnelle Antwort! Jap - mit preload und totem Link funktioiert es. Aber meine Links sollen ja lebendig sein.. :( ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!