Pagina 1 din 1

Sunet la pozitionare mouse pe un buton

Scris: Sâm Sep 07, 2013
de tataieee
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.

Sunet la pozitionare mouse pe un buton

Scris: Sâm Sep 07, 2013
de MarPlo
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>

Sunet la pozitionare mouse pe un buton

Scris: Sâm Sep 07, 2013
de tataieee
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

Sunet la pozitionare mouse pe un buton

Scris: Dum Sep 08, 2013
de MarPlo
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(); }