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

Добрый вечер. подскажите пожалуйста в решении такой вот задачи.
Нужно отключить воспроизведение мелодии по клику на кнопку.
В принципе удалось реализовать задуманное, но если мелодия воспроизводится через автовоспроизведение то почему то код не срабатывает. подскажите пожалуйста в чем может быть проблема.
<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();
      }
    }
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
NikitaNike
@NikitaNike
Frontend developer
Я бы попробовал написать так:

<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();
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
EducaGroup Санкт-Петербург
от 90 000 руб.
22 апр. 2019, в 00:21
5000 руб./за проект
21 апр. 2019, в 21:02
1000 руб./за проект
21 апр. 2019, в 19:41
5000 руб./за проект