Włączanie i wyłączanie dźwięku - ikonka jako przycisk?

Question

Cześć, Mam taki kod:

game.php: http://wklej.to/vvybn

func.php: http://wklej.to/8Y04U

Mam kilka pytań:

1. Czy jest jakiś inny sposób niż robienie 2 funkcji off i on?

2. Wszystko działa, muza włącza się i wyłącza jak klikne buttonki, obrazki się zamieniaja, ale chciałbym aby nie działo się to za sprawą buttonów tylko tych ikonek, np: jest off, klikam to odpala się muza i ikonka się zmienia i na odwrót (wiecie o co chodzi xd)

3. Wiem, że ten kod jest słaby, jak można zrobić go lepiej?

Z góry dzięki ;)

Answer 1

Nie rób tego w PHP, tylko jako akcję onclick w JavaScript. Zrob sobie funkcję "toggleSound()" i w trzymaj flagę isSoundOn, która bedzie przyjmowac wartości typu bool (true i false). Funkcja powinna wyglądać mniej więcej tak:

var myAudio = document.getElementById('myAudio'); 
var isSoundOn = false; 

function toggleAudio(myAudio) { 
    var audio = myAudio; 

    if (isSoundOn == false) 
    { 
        audio.play(); 
        isSoundOn = true; 
    } 
    else 
    { 
        audio.pause();
        isSoundOn = false;
    } 
}

Kod HTML natomiast powinien wyglądąć mniej więcej tak:

<audio id="myAudio">
  <source src="plik.mp3" type="audio/mpeg">
Twoja przeglądarka nie obsługuje dźwięku w HTML
</audio>
<div onclick="toggleAudio(myAudio);">włącz/wyłącz dźwięk</div>

 

Comments

niestety coś nie działa ;/

po kliknięciu nic się nie dzieje ;d