javascript - 静音/取消静音按钮

Question

我有一组 php/html 页面，其中包含当鼠标悬停在其上时会播放声音的按钮。现在我希望当用户单击另一个按钮时，它会使网站的所有页面静音或将它们置于声音中，具体取决于声音是否已打开。

我已经有一个 html 代码，可以让我使页面静音，但它只适用于页面本身，如果我转到任何其他页面或返回该页面，它们就会发出声音。我不希望这样......

这是其中一个页面中的代码示例:

<audio preload  id="sombotao">
 <source src="audio/somBotao.ogg"></source>
</audio>

<a href="exemple.php"><img src="img/exemple.png" onMouseOver="document.getElementById('sombotao').play()" /></a>

我尝试过使用 JavaScript，但没有成功。我什至尝试过使用 php 使用 session ，但由于我的经验非常有限，它也不起作用。

有人可以帮助我吗？在哪里可以找到一段代码作为示例？

提前致谢。合资企业

Answer 1

这是完全有可能的。一种解决方案将采用服务器端和客户端代码的组合。您的页面必须具有能够经常自动检查服务器是否有音量级别更新的代码(这与自动更新评论源或股票行情类似，但要简单得多)。

您的解决方案将如下所示:

第 1 步

第 1 页:

• 正在播放声音

第 2 页:

• 正在播放声音

第 2 步

第 1 页:

• 用户点击静音按钮。
• 第1页通过ajax“发布”到volumecontrol.php

第3步

第 1 页:

• 查询volumecontrol.php发现页面静音，继续静音

第 2 页:

• 查询volumecontrol.php发现页面静音，将当前音量改为“静音”

更多解释

可以将其想象为门口的白板。当人们进入和离开房间时，他们会向其他成员留下指示。撰写消息时，成员不必在场，他们只需要时常查看看板，以便与群组中的其他成员进行协调。

整个过程的一个重要部分是您将根据用户特有的内容(即 session 变量)设置音量。

另一个关键是您使用 Ajax 将设置推送到 PHP 页面，并使用 Ajax 定期检查服务器是否有该设置的更新。