Как остановить проигрывание музыки по клику на кнопку?

Добрый вечер. подскажите пожалуйста в решении такой вот задачи.
Нужно отключить воспроизведение мелодии по клику на кнопку.
В принципе удалось реализовать задуманное, но если мелодия воспроизводится через автовоспроизведение то почему то код не срабатывает. подскажите пожалуйста в чем может быть проблема.
<p class="music">click me</p>
<audio id="audio" autoplay>
       <source src="/audio/1.mp3">
    </audio>


var radio = new Audio();
      radio.src = "/audio/1.mp3";

      document.querySelector('.music').onclick = function() {
      if (radio.paused == true) {
      radio.play();
      }

       else {
      radio.pause();
      }
    }
  • Вопрос задан
  • 3086 просмотров
Решения вопроса 1
yudinikita
@yudinikita
Инженер-программист из России
Я бы попробовал написать так:

<p class="music" onClick="togglePlay()">click me</p>
<audio id="audio" src="/audio/1.mp3" autoplay></audio>


const audio = document.querySelector("#audio");

function togglePlay() {
    return audio.paused ? audio.play() : audio.pause();
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Decart IT-production Москва
от 180 000 до 230 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
от 200 000 до 600 000 ₽
14 апр. 2024, в 06:18
10000 руб./за проект
14 апр. 2024, в 01:39
30000 руб./за проект
14 апр. 2024, в 01:32
30000 руб./за проект