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()">
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>
Ç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>
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.
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.