Lire des MP3 avec lorsqu'une image est cliquée

Je veux lire un fichier MP3, quand je clique sur une image dans mon site. Je veux aussi que le fichier MP3 à être caché. Comment puis-je le faire? J'ai essayé ce code mais rien ne se passe:

<html>
<body>

<script language="javascript" type="text/javascript">
 function playSound(soundfile) {

document.getElementById("dummy").innerHTML=document.getElementById("dummy").innerHTML +
"<embed src=\""+mp3/a/bat.mp3+"\" hidden=\"true\" autostart=\"true\" loop=\"false\"     />";
 }

<span id="dummy" onclick="playSound('mp3/a/bat.mp3');"><img src="short_a/bat.jpg" 

name="Bottom-1" width="115" height="45" border="0" id="Bottom-1"/></a></span>

</script>
</body>
</html>
Vous pouvez utiliser un iframe, définissez l'iframe src sur cliquez sur pour une page que l'automobile joue un mp3, garder l'iframe cachée avec CSS ou quelque chose
Ceci c'est exactement ce que vous voulez, DÉMO
ocanal - est celui que vous m'avez donné l'être écrite sous une forme différente?
Que l'un est écrit avec de l'Audio de l'Objet qui est le moyen le plus efficace pour jouer les sons.
comment vais-je être capable de le faire? im en utilisant php que ma langue? pouvez-vous m'apprendre?

OriginalL'auteur Reden Villaflores Efondo | 2013-04-11

  1. 11

    Ce n'est pas sur PHP, vous aurez juste à ajouter HTML code à votre PHP page.

    Si vous êtes en insistant sur la balise embed voici le code que vous voulez, DÉMO

    <!DOCTYPE html>
<html>
  <head>
      <script type="text/javascript">
          function playSound(el,soundfile) {
              var embed = document.getElementById("embed");
              if (!embed) {
                  var embed = document.createElement("embed");
                      embed.id= "embed";
                      embed.setAttribute("src", soundfile);
                      embed.setAttribute("hidden", "true");
                  el.appendChild(embed);
              } else {
                  embed.parentNode.removeChild(embed);
              }
          }
      </script>
  </head>
<body>
    <span id="dummy" onclick="playSound(this, 'https://dl.dropbox.com/u/39640025/MP3/Waves.mp3');">
      <img src="short_a/bat.jpg" name="Bottom-1" width="115" height="45" border="0" id="Bottom-1"/>
    </span>
</body>
</html>

    Néanmoins, je vous recommande d'utiliser l'API Audio, DÉMO

    <!DOCTYPE html>
<html>
  <head>
      <script type="text/javascript">
          function playSound(el,soundfile) {
              if (el.mp3) {
                  if(el.mp3.paused) el.mp3.play();
                  else el.mp3.pause();
              } else {
                  el.mp3 = new Audio(soundfile);
                  el.mp3.play();
              }
          }
      </script>
  </head>
<body>
    <span id="dummy" onclick="playSound(this, 'https://dl.dropbox.com/u/39640025/MP3/Waves.mp3');">
      <img src="short_a/bat.jpg" name="Bottom-1" width="115" height="45" border="0" id="Bottom-1"/>
    </span>
</body>
</html>
    merci 🙂 ça fonctionne 🙂
    Génial! M'a vraiment aidé avec mon angulaire de la directive.

    OriginalL'auteur ocanal