0

День добрый. Подскажите, как поправить или закостылить таймер, который вызывает функцию (ajax) и та в случае успешного ответа проигрывает звук..нужно чтобы звук проигрался ровно 1 раз, а не повторялся с течением таймера

            success: function(data) {
             var audio = new Audio('https://САЙТ.ru/assets/files/accept.mp3');
            audio.play();
              if (audio !== undefined) {
                audio.then(_ => {

                })
                .catch(error => {

                });
                }
                },
6
  • в случае успешного ответа - интересует только первый успешный ответ, а остальные молча? сделайте переменную до объявления функции, по значению которой будете решать воспроизводить или нет
    – splash58
    8 ноя 2019 в 12:19
  • Да..только первый успешный ответ..остальные должны пролетать беззвучно..Допустим я сделаю переменную и дам ей 0. В момент успешного ответа я даю ей значение 1 и играю звук..и он будет все равно вечно проигрываться. Или я не правильно понял ? 8 ноя 2019 в 12:21
  • let played; $.ajax({..., success: function (data) { if (!played) { played = true; audio.play(); } ...}, ...});
    – yar85
    8 ноя 2019 в 12:41
  • @yar85 не выходит..Консоль начинает плеваться ошибками и спустя 30 дублированных ошибок звук начинает циклично играть. Ошибка - Uncaught (in promise) DOMException 8 ноя 2019 в 12:55
  • Может медиа-объекты не разрушаются... Вынеси строку var audio = new Audio(...); за пределы $.ajax - в самое начало скрипта.
    – yar85
    8 ноя 2019 в 13:32

1 ответ 1

2

$(document).ready(function () {
  const audio = new Audio('https://webaudioapi.com/samples/audio-tag/chrono.mp3');
  let played; 
  $('button').click(function () {
    const $btn = $(this); 
    $.ajax('https://httpbin.org/robots.txt', {
      success: function(data) {
        if (!played) {
          played = true; 
          audio.play();
        }
        $btn.text(+$btn.text() + 1); 
      }
    }); 
  }); 
});
button { padding: 0.5em 0.8em; font: 20px sans-serif; }
<button>0</button>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

Длительность музыки в примере - 57 секунд (первая страница гугла не дала ничего покороче).
Значение счетчика на кнопке увеличивается только чтобы показать успешное выполнение каждого запроса.

2
  • Вроде вышло, но при обновлении страницы в консоль те же ошибки идут..но это не критично. Спасибо 8 ноя 2019 в 21:41
  • @CryEngineV-FlowGraph, ошибки по какой-то внешней причине - ведь в сниппете консоль чистая, проблема не повторяется.
    – yar85
    9 ноя 2019 в 10:06

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.