Проигрывание звука на javascript?

Question

[Александр Иванов]

для проигрывания звукового сигнала на javascript я использую модуль howler.js

var dataTime = new Date();
    const sound = new Howl({
        src: ['/images/Sound_11330.mp3', '/images/Sound_11330.wav'],
        volume: 0.5
    });

и это срабатывает как нужно, НО! при первом входящем сообщении создается звук и если тут же приходит второе сообщение то этот же звук как бы накладывается на первый, как это убрать? как сделать так чтоб при следующих проигрываниях звуки не накладывались друг на друга а играли строго поле того как закончится первый. длина звука 2 секунды. либо второй звук проигрываясь чтоб выключал первый

Answer 1

[Сергей Соколов]

Попробуйте сохранять id проигрываемого звука.

// сначала ваш код
var idPlay;
sound.onend = () => idPlay = false; // когда доиграл, сбрасываем id
window.addEventListener("click", () => {
  if (idPlay) sound.stop(idPlay); // ещё играет - остановим
  idPlay = sound.play(); // играть сначала
});

Comments

[Александр Иванов]

не сработало

[Сергей Соколов]

Александр Иванов, что именно происходит? Вы же изменили код под ваше событие вместо click?

[Александр Иванов]

Сергей Соколов, да, изменил, но тут для примера оставим событие клик
не срабатывает эта часть sound.onend = () => idPlay = false; после этого по идее при выводе в консоль должно быть false но нет выводит снова id

[Александр Иванов]

Сергей Соколов, если хотите можно даже протестить с Вами, дам ссылку на сайт, где этот чат

[Сергей Соколов]

Александр Иванов, вот набросал fiddle, вроде работает: если быстро кликнуть дважды, второй звук обрывает первый.

[Александр Иванов]

Сергей Соколов, да, все получилось спасибо!!!