Autor Zpráva
okurkaa
Profil
Mám to tak, že když kliknu na obrázek, tak se přehrává zvuk a když na něj kliknu znova, tak se přehrávání zvuku zastaví. Takto mám 3 zvuky + obrázky. Šlo by tam přidat aby se zvuk 1 přehrával po zmáčknutí klávesy třeba K, zvuk 2 po zmáčknutí L a zvuk 3 po zmáčknutí O? Samozřejmě při opakovaném stisku by se ten zvuk zase přestal přehrávat.

<audio id="background_music1">
  <source src="zvuky/1.mp3" type="audio/mpeg">
</audio>
<audio id="background_music2">
  <source src="zvuky/2.mp3" type="audio/mpeg">
</audio>
<audio id="background_music3">
  <source src="zvuky/3.mp3" type="audio/mpeg">
</audio>
<script>
var isPlaying = {};
function HandleAudio(img, audioid) {
    var mPlayer = document.getElementById(audioid);
    if(mPlayer) {
        if(isPlaying[audioid]) { //Playing already Pause it
            mPlayer.pause();
            isPlaying[audioid] = false;
        }
        else { //Play the music
            mPlayer.currentTime = 0;
            mPlayer.play(); 
            mPlayer.loop = true;
            isPlaying[audioid] = true;
        }
    }
    
    if(img) {
        var newsrc = img.getAttribute('data-altsrc');
        if(newsrc) {
            img.setAttribute('data-altsrc', img.src);
            img.src = newsrc;
        }
    }
} 
</script>
Kajman
Profil
Můžete např. na celý dokument navěsit událost na stiknutí klávesy a podle něho pak zavolat uvedenou funkci s odpovídajícími parametry.
Document: keydown event
okurkaa
Profil
V tom se nevyznám. Nemůžeš to prosím zakompinovat do toho mého kódu?
Kajman
Profil
A co jsi zatím vymyslel? Třeba tam bude potřeba jen drobná oprava.
okurkaa
Profil
Kajman:

Tak nic, to dohromady prostě nedám. Promiň že jsem otravoval.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0