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

Question

[Алексей Чумаченко]

Добрый вечер. подскажите пожалуйста в решении такой вот задачи.
Нужно отключить воспроизведение мелодии по клику на кнопку.
В принципе удалось реализовать задуманное, но если мелодия воспроизводится через автовоспроизведение то почему то код не срабатывает. подскажите пожалуйста в чем может быть проблема.

<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();
      }
    }

Answer 1

[Никита Юдин]

Я бы попробовал написать так:

<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();
}

Comments

[Алексей Чумаченко]

Огромное Вам спасибо. очень помогли.