静音/取消静音按钮

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进行会话，但由于我的经验非常有限，它也无法正常工作。

任何人都可以帮助我吗？我在哪里可以找到一段代码作为例子？

提前致谢。 JV

Answer 1

这是完全可能的。一种解决方案将采用服务器端和客户端代码的组合。您的页面必须具有自动检查服务器的代码，以便更新音量级别（这类似于自动更新评论源或股票行情，但更简单）。

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

第1步

第1页：

• 正在播放声音

第2页：

• 正在播放声音

第2步

第1页：

• 用户点击静音按钮。
• 第1页＆＃34;帖子＆＃34;通过ajax到volumecontrol.php

第3步

第1页：

• 查询volumecontrol.php并查找页面已静音，继续静音

第2页：

• 查询volumecontrol.php并查找页面已静音，将当前音量更改为＆＃34;静音＆＃34;

多一点解释

将此视为门口的白板。当人们进入和离开房间时，他们会为其他成员留下指示。在撰写信息时，成员不必在场，他们只需经常看到董事会与该团体的其他成员协调。

整个过程的一个重要部分是您将根据用户的独特内容（即会话变量）设置音量。

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