217 votes

Fonction d'arrêt de l'audio HTML5

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 ?

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X