javascript - 使用javascript(可能是jquery)仅在一个事件窗口(在一个网站内)播放声音

Question

好吧，我已经找到了很多关于 window.onblur 和 window.onfocus 等原生函数的答案......但它们无济于事，所以我想更具体一些

1. 假设您打开一个网站的多个标签页
2. 假设您收到一条消息，并且有一个声音来宣布该消息
3. 由于您打开了多个选项卡，您会听到打开的选项卡数量的声音。这使得一个如何'u'callit 交响乐

到目前为止我找到的最佳解决方案，但它们不起作用1. window.onfocus 和 window.onblur2. 如果 var infocus 为真则播放声音，否则不播放3.跨浏览器4.很简单5. 不行

为什么最好的解决方案行不通？假设您将焦点切换到另一个网站的另一个选项卡，您的网站将失去焦点，因此您将听不到声音。更糟糕的是，假设您切换到另一个程序，然后浏览器本身失去焦点并且您听不到声音

那我该怎么办呢？

Answer 1

您可以将最后一个 onFocus() 事件的时间戳保存在 JavaScript 变量和 cookie 中(访问权限设置为您的网站根目录)。然后，当您想要播放警报声音时，您可以比较变量和 cookie 的当前值，并且只有在这两者匹配时才播放声音。