Je diffuse un petit clip audio lorsque je clique sur chaque lien de ma navigation.
Code HTML :
<audio tabindex="0" id="beep-one" controls preload="auto" >
<source src="audio/Output 1-2.mp3">
<source src="audio/Output 1-2.ogg">
</audio>
Code JS :
$('#links a').click(function(e) {
e.preventDefault();
var beepOne = $("#beep-one")[0];
beepOne.play();
});
Il fonctionne bien jusqu'à présent.
Le problème est que lorsqu'un clip sonore est déjà en cours et que je clique sur un lien, rien ne se passe.
J'ai essayé d'arrêter le son en cours de lecture en cliquant sur le lien, mais il n'y a pas d'événement direct pour cela dans l'API audio de HTML5.
J'ai essayé le code suivant mais cela ne fonctionne pas.
$.each($('audio'), function () {
$(this).stop();
});
Des suggestions, s'il vous plaît ?