Как отключить звук или полностью выключить мелодию JS

Question

Есть html код

<h4 id="fun" onclick="soundStart()">Включение мелодии</h4>
<h4 id="sad" onclick="soundStop()">Выключение мелодии</h4>

и js скрипт к нему

function soundStart() {
      let audio = new Audio(); // Создание элемента аудие
      audio.src = 'Мелодия.mp3'; // путь к самой мелодии
      audio.autoplay = true; //Автозапуск
      audio.volume = 0.001; //Громкость
      let fun = document.getElementById("fun").style.display = "none"; // Скрытие текста, который запускает мелодию
      let sad = document.getElementById("sad").style.display = "block";// показ текста, который её остановит
    function soundStop(){
        audio.volume = 0;
    }
}

Собственно ничего не происходит, звук как был так и остаётся, а как полностью остановить мелодию я не придумал.
Как можно решить эту проблему?

Answer 1

var audio = new Audio();
  audio.src = 'http://ivamuxa.ddns.net/1.mp3'; // путь к самой мелодии
  
function soundStart() {
  audio.volume = 1; //Громкость
  audio.play();
  let fun = document.getElementById("fun").style.display = "none"; // Скрытие текста, который запускает мелодию
  let sad = document.getElementById("sad").style.display = "block"; // показ текста, который её остановит
}

function soundStop() {
  audio.pause();
}

<button id="fun" onclick="soundStart()">Включение мелодии</button>
<button id="sad" onclick="soundStop()">Выключение мелодии</button>

введите сюда код

БЛОГ НА HUSL

Как отключить звук или полностью выключить мелодию JS

Ответы (1 шт):