Son au survol d'un lien

Fermé
heliconius Messages postés 539 Date d'inscription mardi 1 juillet 2008 Statut Membre Dernière intervention 23 juin 2023 - Modifié le 8 oct. 2017 à 20:46
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 9 oct. 2017 à 17:28
Bonsoir,

Je me suis fait un petit "Trombinoscope" de personnes qui m'ont touché pour différentes raisons et à différents degrés (http://www.fauque.fr/trombinoscope.php Beaucoup d'entre elles sont chanteurs/chanteuses. J'aimerais agrémenter leur présentation par un extrait musical (mp3) au survol de leur photo par la souris.

Jusqu'ici pour diffuser en streaming des mp3 j'utilisais l'excellent dewtube.swf mais il fallait afficher le lecteur et appuyer sur le bouton de démarrage puis sur stop.
Sachant qu'il est possible d'afficher une image au survol d'un "lien" (ex: http://www.edulinux.fr : fondamentaux / rapide historique ; survol de "Ken Thompson", "Larry Roberts", Paul Baran" etc...), je me demandais si dans mon trombinoscope je pouvais, au survol de leur photo, jouer un mp3 leur correspondant et de stopper le son dès la fin du survol.

Les images, dates, infos sont rangées dans une table MySQL et sont tous affichés grâce à une boucle. Le script d'affichage PHP est assez court et produit le HTML voulu. Je pense qu'on pourrait commencer par ajouter un champ dans la BDD correspondant au nom du fichier mp3 à jouer mais ensuite je galère pour concevoir le dispositif HTML de démarrage et de fin du son, au survol, et sans utiliser dewtube.swf.

Quelqu'un aurait-il une piste envisageable ?
Merci pour votre aide.





Un problème sans solution est un problème mal posé. (Albert Einstein)

1 réponse

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
9 oct. 2017 à 17:28
Bonjour,

Quelque chose comme ça ?
https://css-tricks.com/play-sound-on-hover/

Ma recherche "css hover sound" m'a fourni plusieurs solutions, essaye de voir
0