时间戳

首页 > 解决方案 > 当用户离开网站时将所有音频静音

javascript - 当用户离开网站时将所有音频静音

问题描述

当用户离开网站（进入另一个选项卡）时，是否可以将嵌入的（标签）音频静音。我在其他网站上看到过这种情况，当用户离开时他们会更改标题。我希望您需要一些 javascript 和 jquery 才能做到这一点。

标签： javascriptjqueryhtml

解决方案

您可以监听对象blur上的事件window以检测用户何时切换选项卡或应用程序：

window.addEventListener('blur', () => console.log('blur'))

不过要小心，因为当窗口失去焦点时，它会在所有情况下触发，例如，按 ctrl+f 打开查找对话框或单击扩展弹出窗口。

至于音频，假设您使用的是标准 html5<audio>元素，您可以将muted属性设置为 true：

document.getElementById('my-audio-tag').muted = true

推荐阅读