На странице есть несколько тегов аудио и кнопок прикрепленных за ними:
function onplayssoun(snd) {
$('audio').stop(); //Останавливаем все аудио
var audio = new Audio(); // Создаём новый элемент Audio
audio.src = snd; // Указываем путь к звуку "клика"
audio.autoplay = true; // Автоматически запускаем
var audio = $('audio')[0];
$(document).click(function() {
audio.play();
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="audio0" src="sound0.mp3"></audio>
<input type="button" value="Play" onclick="onplayssoun('sound0.mp3');">
<audio id="audio1" src="sound1.mp3"></audio>
<input type="button" value="Play" onclick="onplayssoun('sound1.mp3');">
И при воспроизведении второй мелодии по счету - воспроизведенная до этого не останавливается, а продолжает играть, при этом обе мелодии накладываются одна на другую. Мне надо что бы при воспроизведении мелодии если была воспроизведена какая то мелодия до этого она останавливалась. Что я написал тут не так? Помогите пожалуйста
<audio>
тег, на кой ты и в функции создаешь новый объектnew audio
?