let isMuted = false;

function toggleAllAudio() {
  isMuted = !isMuted;

  const domAudios = document.querySelectorAll('audio');
  domAudios.forEach(audioEl => {
    audioEl.muted = isMuted;
    if (isMuted) {
      audioEl.pause();
    }
  });

  if (typeof audio !== 'undefined') {
    audio.muted = isMuted;
    if (isMuted) {
      audio.pause();
    }
  }

  document.getElementById("toggleAudio").textContent = isMuted ? "Unmute Audio" : "Mute Audio";
}

document.getElementById("toggleAudio").addEventListener("click", function(event) {
  event.stopPropagation();
  toggleAllAudio();
});

html code:

<button id="toggleAudio" style=" z-index: 9999;">Mute Audio</button>

customize the button to your needs!

Edit

Pub: 22 Mar 2025 14:42 UTC

Edit: 22 Mar 2025 14:45 UTC

Views: 11