javascript - 记住您的选择的静音脚本

Question

我有以下 HTML:

<audio autoplay id="background_audio">
  <source src="https://sporedev.ro/pleiade/hol.mp3" type="audio/mpeg">
</audio>

<a href="#" id="mute">Play/mute sound</a>

以及以下 JS:

var audio = document.getElementById('background_audio');

document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);

在这里您可以找到JSFiddle .

此脚本的作用是静音并恢复播放具有 background_audio id 的音频文件。

我已在我的 project 中成功实现了此解决方案。您可以通过单击菜单中带有齿轮和文本“Setari”的图标(位于最后一行的中间)来静音/播放声音。

如何修改脚本以设置 cookie 或创建 session ，以便当用户在一个页面上静音时，它也可以在其他页面上保持这种状态？

我在 SO 和 Google 上对 JS 中的 cookies 进行了一些研究，但找不到解决方案。

请注意，如果用户重新启用声音，那么它应该在每个页面上再次工作。

我认为我需要在单击“mute”id 时创建 cookie。然后我需要验证 cookie 是否已设置，如果已设置，则将 cookie 中存储的值分配给audio.muted。如果未设置 cookie，那么它应该播放声音(说起来容易做起来难)。

Answer 1

当您单击该按钮时，添加一个值为 false 的 cookie。加载页面时，检查 cookie。

Cookie 库: https://github.com/js-cookie/js-cookie https://github.com/js-cookie/js-cookie