Sunet la pozitionare mouse pe un buton

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
tataieee
Mesaje:12

Sunet la pozitionare mouse pe un buton

Salutare,
Am să explic ceea ce caut, de exemplu am un buton simplu, ca acesta :

Cod: Selectaţi tot

<a href="..."><img src="aici o să fie link de la buton" /></a>
Bun, atunci când pun mouse-ul pe butonul acela să înceapa un ton .mp3 să cânte/vorbească.
Am văzut pe un site acum ceva vreme dar nu mai găsesc acum.

MarPlo Mesaje:4343
Salut
Poti folosi acest cod. Functioneaza in navigatoare web care suporta HTML5.
Trebuie sa ai acelasi fisier audio in format MP3 si OGG (OGG e pentru navigatoare web: Firefox, Chrome si Opera). Sunt pe internet site-uri de convertire MP3, OGG; gasesti la cautare: "convert mp3 ogg".

Cod: Selectaţi tot

<a href="..."><img src="adresa_imagine"alt="Link buton" id="psound1" /></a>
<audio style="display:none;" id="sound1">
	<source src="adresa_fisie_sunet.mp3"></source>
	<source src="adresa_fisie_sunet.ogg"></source>
</audio>
<script type="text/javascript">
var sound1 = document.getElementById('sound1');
if(document.getElementById('psound1')) document.getElementById('psound1').onmouseover = function(){ sound1.play(); }
</script>

tataieee Mesaje:12
Mulţumesc mult.
Un retuş dacă se poate, atunci când pun mousul pe el întradevăr cântă aşa cum vreau eu, dar atunci când plec cu mousul după buton continuă toată melodia. Se poate face ca atunci când plec cu mousul după buton să se oprească ?

edit : din păcate scriptul funcţionează doar pe Chrome, pe Firefox şi Opera nu funcţionează. :| precieze că am completat şi .mp3 şi .ogg

MarPlo Mesaje:4343
Am testat pe Firefox si functiona, nu stiu de ce la tine nu merge, poate e versiune veche ce nu suporta HTML5.
Poti gasi pe internet si alte script-uri pt efect de sunet la buton, cautand: "javascript sound onmouseover".
Ca sa se opreasca sunetul cand mouse-ul nu mai e pe buton, adauga aceasta linie de cod in codul javascript:

Cod: Selectaţi tot

document.getElementById('psound1').onmouseout = function(){ sound1.stop(); }

Subiecte similare