Musique css

Bonjour,
j'aimerais savoir si il y a une balise css pour ajouter du son a un objet
en fait je veux que un son joue quand on clique sur un lien avec le pseudo format :activate
merci!

--

Vedo
Configuration: Windows XP
Internet Explorer 7.0

8 réponses

  1. Contributeur
    salut,

    non pas encore de règle sonore !

    par contre tu peux jouer sur le {display} d'un <object> contenant un player Flash et ainsi déclencher un son quand tu le souhaites.

    par contre avec ':active' ça risque d'être un peu short car l'action est très brève.
    1. Salut,

      Selon moi, il n'y a pas de balises CSS, pour faire cette action.. Je te conseillerais plutôt le Javascript, si tu ne veux pas entrer dans le flash!
      1. c'est bien mais comment je fais pour faite marcher le player seulement quand on clique sur lle lien?
        1. Contributeur
          salut,

          c'est bien ça le problème !

          le ':active' représente un instant très bref et je ne pense pas que tu aies le temps d'entendre grand chose.

          en JS tu peux utiliser l'évènement 'onmousedown'.

          en gardant le même exemple :
          <a href="cible.html" onmousedown="javascript:document.getElementById('dewplayer').style.display='block';">
          	<object id="dewplayer" type="application/x-shockwave-flash" data="dewplayer.swf?mp3=votre_son.mp3" width="200" height="20">
          		<param name="movie" value="dewplayer.swf?mp3=votre_son.mp3" />
          	</object>
          </a>

          1. peux tu préciser parsque apart du php et du html je ne connait pas grand chose
            1. Contributeur
              quand tu utilises un lecteur audio Flash (comme Dew Player par exemple), dans le HTML le fichier swf est embarqué dans une balise <object>.
              <object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=votre_son.mp3" width="200" height="20">
              <param name="movie" value="dewplayer.swf?mp3=votre_son.mp3" />
              </object>

              si tu appliques {display:none;} au style de la dite balise, le lecteur ne se mettra pas en route puisqu'il n'est pas affiché.
              object
              {
              display:none;
              }

              mais si tu code une classe CSS pour passer <object> à {display:block;} alors le player s'affiche et joue le son.
              et si tu ne veux pas qu'il soit visible il suffit de le positionner en dehors du document.
              a:active object
              {
              display:block;
              }

              l'inconvénient c'est que la balise réactive doit contenir la balise <object>.

              je sais, c'est du grand bricolage !
              mais ça fonctionne, je l'ai fait en activant la balise avec du JS mais le principe était rigoureusement le même. te file l'url en MP si tu veux tester.