javascript - 使用JS关闭我整个网站内所有页面的音频

Question

因此，在我的网站内部，我有4个页面，索引和其他页面。在所有页面上，我都有菜单导航，如果用户将鼠标悬停在菜单内的 anchor 上，则会播放声音。我发现这可能很烦人，所以我制作了一个按钮，可以在单击时关闭声音，但只能在当前页面上关闭声音(我是从一开始就知道这一点)。有什么方法可以用来关闭整个网站的第一次单击的音频，从而使用户不必每次都单击关闭音频的按钮？ JS有可能吗？你建议我做什么？

Answer 1

单击按钮后，将标志保存在localStorage中，例如:

button.onclick = () => {
  localStorage.mute = 1 - Number(localStorage.mute);
  // this will result in `.mute` being either '0' or '1' (strings)
  // perform mute operation too, if a sound is currently playing, if you want
};

然后，在悬浮侦听器中，如果 .mute是 1，则立即返回:

.onhover = () => {
  if (localStorage.mute === '1') {
    return;
  }
  // play sound
};

如果只希望静音按钮在当前 session (选项卡生存期)中持续存在，请改为使用 sessionStorage。