| Autor | Zpráva | ||
|---|---|---|---|
| okurkaa Profil |
#1 · Zasláno: 2. 11. 2019, 08:03:13
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 |
|||
| okurkaa Profil |
#3 · Zasláno: 2. 11. 2019, 18:00:00
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 |
#5 · Zasláno: 2. 11. 2019, 20:09:29
Ž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 |
#8 · Zasláno: 2. 11. 2019, 21:01:09
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 |
#9 · Zasláno: 3. 11. 2019, 00:30:24
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 |
#11 · Zasláno: 3. 11. 2019, 09:24:53
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 |
#12 · Zasláno: 3. 11. 2019, 09:41:17
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 |
#13 · Zasláno: 3. 11. 2019, 17:17:15
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 |
#14 · Zasláno: 3. 11. 2019, 18:14:19
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 |
||
|
Časová prodleva: 7 let
|
|||
0