Comment faire pour ajouter de l'audio à une image au format HTML?

Je suis encore nouveau pour tout cela, mais je vais essayer d'ajouter des fichiers audio mp3 un son à une image au format HTML, qui est joué lorsque l'on clique dessus. Comment puis-je faire de ce droit?

J'ai déjà essaye un peu les choses, comme le " tag, ou l'installation de java à base de trucs, comme soundmanager2, cependant aucun d'eux ne semble fonctionner.
Le problème, c'est que je ne sais pas comment les utiliser correctement.

Je suis à l'aide de dreamweaver CS6, dans lequel il devrait y avoir une option "comportement"--> lire le son, mais il n'est pas là, donc je suis perdu avec tout ça.

InformationsquelleAutor user3420063 | 2014-03-24
  1. 3

    Vous pouvez le faire à l'aide de Audio et Vidéo les méthodes du DOM play() et pause() onclick de l'image travail de Démonstration

    <audio id="audio_play">
    <source src="http://www.w3schools.com/tags/horse.ogg" type="audio/ogg" />
    <source src="http://www.w3schools.com/tags/horse.mp3" type="audio/mpeg" />
</audio>

<img src="http://bit.ly/1kX7D49" onClick="document.getElementById('audio_play').play(); return false;" />

<img src="http://bit.ly/1mq0tIt" onClick="document.getElementById('audio_play').pause(); return false;" />
    • Merci cela fonctionne en effet. Encore une chose, comment est-ce avec les liens? J'ai essayé d'ajouter votre solution à l'image à l'intérieur du lien, mais le lien ne fonctionne pas, ou si je l'ajouter directement dans le lien, il ne fonctionne toujours pas.
    • J'ai trouvé une solution de contournement, quand je change de onmouseclick à onmouseover, le problème disparaît.
    • Vous pouvez poster votre problème dans le violon ou autre chose si on pouvait suivre la trace de la question avec clic?
    InformationsquelleAutor Harish
  2. 0

    Vous pouvez utiliser HTML5 Audio Tag:

    <audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

    Plus D'Informations:
    http://www.w3schools.com/html/html5_audio.asp

    InformationsquelleAutor Thompsen
  3. 0

    Vous n'aurez pas besoin de joueur parce que html5 est capable de jouer des fichiers audio. Découvrez ce: http://www.w3schools.com/html/html5_audio.asp

    Vous pouvez utiliser jQuery pour charger le fichier audio.

    $('#my_image').click(function(){
   //some code to load the audio file here
})

    Peut-être que vous allez avoir besoin de plus ou de code css pour masquer les contrôles et arrêter l'audio à partir de la lecture etc.

    InformationsquelleAutor user2718671