Autor Zpráva
okurkaa
Profil
Jak to udělat aby se po kliknutí na obrázek obrázek změnil a začal přehrávat zvuk, a při opětovném kliknutí na obrázek se obrázek změnil na původní a zvuk přestal přehrávat?
Mlocik97
Profil
Javascript simple onclick image swap
Javascript Audio Play on click
okurkaa
Profil
Ale z toho prvního odkazu ani jeden kód nefunguje aby se obrázek po kliknutí vrátil zpět na ten původní.
okurkaa
Profil
Zkouším to


Obrázek už se mění, ale proč se nezačne přehrávat zvuk? Je tam něco špatně?
<!DOCTYPE html>
<html>
<body>

<button onclick="document.getElementById('myImage').src='2.png'" onclick="play(1)">Play</button>

<img id="myImage" src="1.png" style="width:100px">

<button onclick="document.getElementById('myImage').src='1.png'">Stop</button>

<script>
var 1 = new Audio('1.mp3');
function play(audio) {
audio.pause();
audio.currentTime = 0;
audio.play();
}
</script>

</body>
</html>



Potřebuji aby se po kliknutí na PLAY změnil obrázek a začal přehrávat zvuk, a po kliknutí na STOP se obrázek změnil na původní a zvuk se přestal přehrávat.
Keeehi
Profil
Živá ukázka
Ta chybová hláška tam je, jelikož soubor 1.mp3 neexistuje ale obrázky to mění.
okurkaa
Profil
Ale já v té složce ten soubor 1.mp3 mám v PC, ale zvuk se nezpustí.
Radek9
Profil
okurkaa:
var 1 = new Audio('1.mp3');
Proměnná nemůže mít jako název číslo. Nemůže ani začínat číslem.
okurkaa
Profil
Radek9:
Proměnná nemůže mít jako název číslo. Nemůže ani začínat číslem.

Díky za odpověď, ale ani toto nefunguje když změním číslo za název:

<!DOCTYPE html>
<html>
<body>
 
<button onclick="document.getElementById('myImage').src='2.png'" onclick="play(zvuk)">Play</button>
 
<img id="myImage" src="1.png" style="width:100px">
 
<button onclick="document.getElementById('myImage').src='1.png'">Stop</button>
 
<script>
var zvuk = new Audio('1.mp3');
function play(audio) {
audio.pause();
audio.currentTime = 0;
audio.play();
}
</script>
 
</body>
</html>
Keeehi
Profil
okurkaa:
Tak se pořádně podívej na změny v [#5] co jsem udělal u prvního buttonu. Nejde ani tak o to, že jsem použil pole (protože předpokládám že když jsi použil jedničku jako proměnou tak budeš chtít přidat i jiné zvuky) ale hlavně na můj počet onclicků a tvůj.
okurkaa
Profil
Keeehi:
Já to vím, ale nepřehrává to ten zvuk, i když mám soubor 1.mp3, prostě se zvuk nepřehraje v tom tvém kódu..
Radek9
Profil
okurkaa:
Protože tam máš dvakrát onclick, jak ti psal Keeehi. Musíš to dát do jednoho. Jednotlivé příkazy se oddělují středníkem.
okurkaa
Profil
Radek9:

Máte pravdu, to funguje.

Ještě se zeptám, proč nejde po kliknutí na STOP ten zvuk vypnout? Mám to takto :
<button onclick="document.getElementById('myImage').src='1.png'; stop(zvuk)">Stop</button>
okurkaa
Profil
Když kliknu na stop, tak to hraje pořád a nepřestane to hrát.

<!DOCTYPE html>
<html>
<body>
 
<button onclick="document.getElementById('myImage').src='2.png'; play(zvuk)">Play</button>
 
<img id="myImage" src="1.png" style="width:100px">
 
<button onclick="document.getElementById('myImage').src='1.png'; stop(zvuk)">Stop</button>
 
<script>
var zvuk = new Audio('1.mp3');
function play(audio) {
audio.pause();
audio.currentTime = 0;
audio.play();
}
</script>
 
</body>
</html>
Davex
Profil
okurkaa:
Když kliknu na stop, tak to hraje pořád a nepřestane to hrát.
Protože funkce stop() nebo-li window.stop() zastavuje nahrávání stránky a nikoliv přehrávání zvuků.
okurkaa
Profil
Davex:
A můžeš mě prosím říct jak se dělá zastavení přehrávání zvuku?


Už jsem na to přišel, nějak to najednou funguje. Díky čau

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