[jquery, javascript] Dźwięk podczas kliknięcia przycisku

Question

Cześć, próbuję dodać kilka smaczków wzorując się na 5 odcinku javascript Mirosława Zelenta.

Otóż chcę, aby po kliknięciu w przycisk nastąpił efekt dźwiękowy, a zaraz po nim ponowne wczytanie strony (rozpoczęcie gry od nowa).

Próbowałem już wielu rozwiązań, ale żadne z nich nie pomogło. Proszę o jakieś wskazówki.

Z góry dziękuję za pomoc.

var retryClick = new Audio("164641__adam-n__pen-click-1.wav");

/*
.
.
.
*/
if(pairsLeft == 0) {		
		$('.board').html('<h1>You win!<br>Done in '+ turnCounter +' turns</h1><br><div id="retry">Retry</div>');
		
		/* "Pen_click_1.wav by Adam_N/freesound.org" */
		$('#retry').click(function() { 
								
			retryClick.play();
			location.reload();			
		})		
	}

 

Answer 1

Za wiele nie mogę wywnioskować, bo niewiele napisałeś o problemie. Twój kod powinien działać, więc nie wiem w czym problem. Domyślam się tylko, że po rozpoczęciu odtwarzania dźwięku strona jest od razu przeładowywana i albo w ogóle nie słychać dźwięku, albo jest on ucinany w krótkim czasie.

Moja propozycja, skorzystaj z eventu onended.

retryClick.onended = function() {
    location.reload();
};

 

Comments

Taka tylko uwaga: to zdarzenie nazywa się ended. Przedrostek on… oznacza listener. No i warto przypiąć mimo wszystko przez addEventListener, które jest już standardową metodą obsługi zdarzeń.

---

@Comandeer, literówka "addEventListener"

---

@StOcK, w momencie kiedy już znalazłem wszystkie pary, to pojawia się podsumowanie wraz z przyciskiem retry, i po jego wciśnięciu ma nastąpić efekt dźwiękowy + restart gry.

O to mi chodziło.

Zastosowałem podany przez ciebie event i działa. Propozycja Comandeer'a również. 
Dzięki za pomoc.