Zvuk na click i dalje na url

Programiranje
1

Znam da zvuk na clicku nije fora no eto moram ga staviti.

Dakle trebam riješenje slijedećeg:

click na link >>> odvija se zvuk od jedne sekunde >>> tek onda odlazi na zadani URL linka

Molim pomoć znalaca.
Nije bitno da radi na svim browserima, može samo na novim, glavno da ne stvara probleme na starijim.

Vidim da ima dva puta javascript i HTML5.
Probao no problem mi je sa ovim delayem da odsvira i tek onda na traženi url. Znači predpostavljam JavaScript.

Ako netko ima riješenje samo za hover, može i to.

Hvala najljepše!

2

Evo pogledaj Play Sound on :hover | CSS-Tricks

3

Ovo ubaciš u HTML.

<audio id="zvuk">
	<source src="nekiFolder/zvuk.mp3"></source>
	<source src="nekiFolder/zvuk.ogg"></source>
</audio>

A ovo je potrebni JS(jQuery).

var zvuk = $("#zvuk");
$("#nekiElement").click(function () {
    zvuk.play();
  
    	setTimeout(function(){
        window.location.href = 'novaStranica.html';
	}, 1000); // 1 sekunda      

    });

Ovo otvara novi link na istoj stranici, ako želiš u novom tabu samo zamijeni “window.location.href=…” sa “window.open(“novaStranica.html”)”.

4

Hm… mora da nešto radim krivo jer primjer gore kada zamijenim stavim sve kako je napisano ne radi.

nema zvuka koji sam nazvao zvuk i bez obzira na timeout koliko god bila varijabla ne mijenja se u stvarnosti.

Nešto ne štima s gornjim kodom.

A što se tiće neki element je predpostavljam id linka?
Znači klikom na taj nekiElement (link) aktivira se funkcija koja svira zvuk i zatim ima delay od x sekundi te preusmjerava na URL?

E sada kada bi to stavio da radi nekako:)

5

Stavis u body, bilo gdje:
[HTML]


</source

[/HTML]

Skripta:

function link_sound(element) //Element je element u kojem se nalazi URL tog linka (Znači element mora biti a)
{
     var audio = document.getElementById('sound_link');
     audio.stop();
     audio.play();
     audio.addEventListener('ended', function() {
           window.location.href = element.getAttribute("href");
     }, false);
}

i ovako to koristiš u linku:
[HTML]Sound link[/HTML]

6

Stvarno ne znam zašto ne radi. Nisam nikad radio s HTML5 audiom, tako da je moguće da je tu greška.
U ovaj JS dio sam siguran da je ok. Ovo što je Sistem napisao je ok, samo nema delaya.

7

zamjeni ovo:
[html]


</source

[/html]
s ovim:
[html]




[/html]

i u ovom source tagu moraš navesti putanju do fajla od tog zvuka (navodis putanju u src attributu)