Un son en hover pour créer des "easter egg"

Bonjour à tous

Ayant bien rigolé sur ce site http://davidbesnier.blogspot.fr/ (ce designer / animateur envoi du paté)

je voulais savoir si c'etait possible SANS flash de rajouter des "easter-egg" cachée dans un site avec par exemple un mini son au survol d'un element ?( est ce que HTML 5 + CSS savent gèrer ca ou non)?

Note: le site que tu as donné est fait sans flash à priori . (ça fonctionne chez moi alors que je n'ai pas flash d'activé)

La bannière est faite en Flash, suffit de faire clic droit pour s'en apercevoir. Si tu utilises Chrome, Flash est intégré.

Non mais c'est le concept dont je parle je parle pas de la technologie employée par ce site xD bien entendu que c'est du FLash pas besoin d'aide la dessus pour savoir ce que c'est

Petite remarque : il me semble (confirmation ?) que ça ne fonctionne pas sur Safari mobile. Il faut une action explicite de l'utilisateur (un touchEvent) pour lancer le play().

Donc à voir ce que tu entends par hover si ça correspond à un touchEvent sur mobile ça devrait fonctionner.

NB aussi : un seul stream audio à la fois :\

<hors-sujet> Le type du blog a un t-shirt comme ça </hors-sujet>

Ba l'idée était a minima en hover passage de la souris au dessus d'un zone de déclencher un son sans loop(il faudrait quitter la zone et repasser dessus pour le relancer). Apres effectivement je m'etai pas posé la question de safari mobile :s

Sinon, il faut passer par la Web Audio API. Tu as beaucoup de librairies qui te permettront de gérer ça facilement comme Howler.js par exemple.

Ca te simplifiera pas mal la tâche pour la compatibilité (même s'il me semble que le truc de Safari mobile ne puisse pas être contourné, mais il suffit pour les mobiles de déclencher le son au touch et le tour est joué~)

Par contre précision : mon site est un wordpress donc pour toutes les librairies JS pas sur que ca passe a chaque fois :s

Je ne vois pas en quoi la librairie ne passerait pas : il faut juste inclure le fichier JS avant ton propre fichier de script.

<hors-sujet>

Note à moi même : faire un clique droit sur l'animation même si flash est désactivé pour vérifier u_u. Flippant de pas pouvoir désactiver flash quand même… Et bizarre que précisément sur ce site internet ça ne fonctionne pas…

</hors-sujet>

Je pense qu'avec une bonne couche de SVG et d'animations associées tu peux faire un truc correct.

Par contre ça va demander pas mal de boulot…