declencher du son au survol de la souris

Version imprimable

14/10/2010, 18h25
mauyebo

declencher du son au survol de la souris

Bonjour

sur mon site j'aimerais déclencher du son au survol de la souris sur une image (pas au chargement de la page). Je n'ai aucune idée dans la façon de m'y prendre y compris où et comment charger le son sur le serveur et quel type de fichier .. si quelqu'un peut m'éclairer ou me rediriger ...

merci
14/10/2010, 20h11
marcha

Salut,

Regarde du coté de SoundManager
14/10/2010, 21h13
Bovino

Attention toutefois que ça risque de devenir soulant au bout d'un moment... :mrgreen:
14/10/2010, 22h17
mauyebo

merci marcha pour le lien ... mais ... je crains de ne pas avoir compris grand chose .. il y a plein de codes dont je ne sais trop quoi faire . je ne sais pas où ni quel code insérer dans un script qui me permettrait de prendre exemple et .. de réadapter . je ne connais pas le principe de lecture

quant à la soulerie ... il y a soulerie quand il y a abus ou intrusion...je reconnais être moi même tanné par les sons , pubs , boites d'alert et autres importuns
15/10/2010, 09h11
marcha

Je te suggère de commencer par la page "Getting Started"

Bonjour à tous,

On pourrait pas faire quelque chose avec le OnMouseOver ? Du genre
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <html> <body> <head> <script type="text/javascript"> function playsound (soundFile) { document.all.sound.src="soundFile"; } <bgsound id="sound" src=""> </script> <img src="http://www.navette-aeroport-paris.com/sites/odyssee-transport-large.gif" onMouseOver="playsound('C:/arret.wav') width="39" height="39" align="texttop" </a> </body> </html>
J'ai essayé mais sa ne marche pas... Si quelqu'un pouvait vérifier le code ça serait sympa :)

Merci

il y a la solution html5 mais sa marche pas avec ie
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> body { background-color:gray; } </style> <script type="text/javascript"> function playpause(){ var lui=document.getElementById('v1') if(lui.paused==true){ lui.play() } else{ lui.pause() lui.currentTime=0 } } </script> </head> <body> <div> <audio id="v1" autobuffer="true"> <source src='music.mp3' type='audio/mp3'> <source src='music.ogg' type='audio/ogg'> </audio> </div> <div onmouseover='playpause()' onmouseout='playpause()' style='height:100px;width:100px;background-color:red'></div> </body> </html>
dans l'exemple j'ai mis deux fichiers un en mp3 et l'autre en ogv car certains navigateurs supportes le mp33 et d'autre l'ogg

dans le script le curentTime=0 c'est pour faire repartir le son a zero et dans la balise audio autobuffer="true" sert a precharger le fichier au chargement de la page

15/10/2010, 20h08
mauyebo

arrrgh !!

je suis allé voir Getting Started ... avec mon anglais trébuchant , je pense que je vais y passer de longues soirées d'hiver car je dois dire que je n'ai pas encore tout saisi ..

j'ai essayé le script de mekal .. mais ... je ne parviens pas à le faire fonctionner ni avec IE ni avec FF qui indique un message d'erreur .
j'ai mis le fichier mp3 à la racine du site .. correct ?
j'ai inséré le script dans une de mes pages mais .. rien ..
que devrait il se passer ? est ce que le script est supposé de déclencher la lecture du fichier mp3 avec un lecteur sur l'ordi utilisateur ?

je n'ai pas essayé le script de torrgovin car s'il ne fonctionne pas , à part des incantations (aléatoires et probablement vaines) , je ne vois pas ce que je pourrais y faire . merci quand meme .. peut etre que quelqu'un d'autre sera inspiré ..
15/10/2010, 21h10
Invité

le script que j'ai mis fonctionnera sur firefox chrome opera mais pas sur ie car il utilise la balise audio

sinon le script fonctionne bien mais pour qu'il marche avec firefox, chrome et opera il faudra un fichier en ogg vorbis et pour safari un fichier mp3 fait exactement comme dans l'exemple il ne doit y avoir que le chemin et noms des fichiers a modifier
15/10/2010, 22h59
mauyebo

ok je reessaye avec un fichier ogg..

pour IE , pour l'instant , il n'y aura pas de son

y a t il quelqu'un qui aurait quelque chose d'aussi accessible .... et qui fonctionnerait sur tous les navigateurs

merci
16/10/2010, 23h22
mauyebo

alors

merci mekal
j'ai réessayé avec un fichier .ogg vorbis et , sur firefox cela fonctionne . Il ne reste plus qu'a trouver comment faire pour IE ...... j'ai vu un truc qui doit fonctionner en flash mais je n'y comprend tellement rien que je ne me sens pas d'aller voir .. Si quelqu'un a une idée spéciale poireau qui me soit accessible !!
27/02/2011, 20h03
fabzefab66

Code Mekal

Merci Mekal!
C justement ce que je cherche à faire depuis plusieurs jours. Seulement ton code ne fonctionne pas juste sur mon image, mais sur la ligne entière.
Juste à la fin, sur la dernière ligne j'ai mis:

Code:

<div onmouseover='playpause()' onmouseout='playpause()' <img src="PageWeb2-2_fichiers/PhonoAniméDisc-2.gif" name="monimage" alt="image"></div>

Comment puis-je délimiter l'action simplement à mon image?

Citation:

Comment puis-je délimiter l'action simplement à mon image?

en mettant les evenements dans la balise img
Code:

1 2 <div> <img src="PageWeb2-2_fichiers/PhonoAniméDisc-2.gif" name="monimage" alt="image" onmouseover='playpause()' onmouseout='playpause()' ></div>

27/02/2011, 21h39
ABCIWEB

Citation:

Envoyé par mekal

il y a la solution html5 ...

C'est peut être un peu tôt pour faire des script en html5 sans solution de rechange car tu limite considérablement le nombre de visiteurs pour qui cela fonctionnera... je voulais parler dans anciens navigateurs qu'il faut compter en plus des nouveaux (genre IE) et pour lesquels cela ne fonctionne pas non plus.

A priori j'aurais plutôt choisi (pour l'instant) d'utiliser un playeur flash (compatible avec tous les navigateurs), avec un code de remplacement pour si flash inactif (ex : sur les portables).

Le lien de marcha semble savoir faire tout cela.
28/02/2011, 00h30
Invité

hormi IE tous les navigateurs depuis au moins un ans supporte la balise audio et IE 9 la supporte aussi

je pense pas qu'il fasse s'en privé bien au contraire
28/02/2011, 01h11
ABCIWEB

Citation:

Envoyé par mekal

hormi IE tous les navigateurs depuis au moins un ans supporte la balise audio et IE 9 la supporte aussi

Oui mais ce n'est pas significatif de l'équipement réel des visiteurs.

La preuve ici

Citation:

Envoyé par mekal

je pense pas qu'il fasse s'en privé bien au contraire

Pour un site perso ou si c'est pour un évènement non déterminant dans le fonctionnement du site cela peut se concevoir. Par contre pour un site professionnel ou si l'élément est important, c'est difficilement envisageable sans solution alternative. Je te laisse compter dans le graphique en lien ci-dessus, combien de parts de marché tu pourrais perdre :aie:
16/02/2013, 18h35
underthegun

son au survol de la souris !

Bonjour !
Je suis tout nouveau par ici ! Je suis entrain de créer un site dans lequel je souhaite qu'un son se déclenche au survol de la souris. J'ai utilisé le script de Mekal (Merci, d'ailleurs) qui fonctionne très bien sur les différents navigateurs.

Je souhaite, sur une même page, proposer plusieurs extraits de musique en utilisant la même image au survol de la souris.

Mon problème est le suivant : lorsque je copie le script en insérant de nouveaux fichiers en .mp3 et.ogg, les boutons fonctionnent en tenant uniquement compte du premier fragment html créé : moralité : tous les boutons jouent le même morceau...

Qui veut bien m'aider ? Merci