web-dev-qa-db-fra.com

Javascript Audio Jouer en un clic

J'ai un code javascript pour démarrer un son au clic. Cela fonctionne sur chrome mais sur firefox, il démarre, mais je le veux aussi.

Quelqu'un peut-il aider?

<script>
var audio = new Audio("http://music.ogg" ) ;

audio.oncanplaythrough = function(){
audio.play();
}

audio.loop = true;

audio.onended = function(){
audio.play();
}

</script>

<input type="image" src="http://button.png" onclick="audio.play()">
32
dA_uNknOwN

Essaye ça

  <!DOCTYPE HTML>
  <html>
  <head>
  <title>Audio</title>
  </head>
  <body>

    <script>
  function play(){
       var audio = document.getElementById("audio");
       audio.play();
                 }
   </script>

<input type="button" value="PLAY"  onclick="play()">
<audio id="audio" src="http://dev.interactive-creation-works.net/1/1.ogg" ></audio>
 </body>
 </html>
60
Arunkumar

Ça a marché

<audio src="${ song.url }" id="audio"></audio>
<i class="glyphicon glyphicon-play-circle b-play" id="play" onclick="play()"></i>

<script>
    function play() {
        var audio = document.getElementById('audio');
        if (audio.paused) {
            audio.play();
            $('#play').removeClass('glyphicon-play-circle')
            $('#play').addClass('glyphicon-pause')
        }else{
            audio.pause();
            audio.currentTime = 0
            $('#play').addClass('glyphicon-play-circle')
            $('#play').removeClass('glyphicon-pause')
        }
    }
</script>
3
Alex Karahanidi

JavaScript

function playAudio(url) {
  var a = new Audio(url);
  a.play();
}


HTML

<img src="image.png" onclick="playAudio('mysound.mp3')">


Pris en charge par la plupart des navigateurs modernes et facile à intégrer aux éléments HTML.

2

Maintenant que = Web Audio API est arrivé et gagne support du navigateur , cela pourrait être une option plus robuste.

Zounds est un wrapper primitif autour de cette API pour la lecture de sons simples à un tir avec un minimum de passe-partout au point d'utilisation.

1
Dave Elton