Javascript：在多个标签中播放一次音频

您可以在中设置标记localStorage：

//create random key variable
var randomKey = Math.random() * 10000;
//set key if it does not exist
if (localStorage.getItem("tabKey") === null) {
    localStorage.setItem("tabKey", randomKey);
}

这样，该项目tabKey将设置为randomKey第一个选项卡的。现在，当您播放音频时，您可以执行以下操作：

if (localStorage.getItem("tabKey") === randomKey) {
    playAudio();
}

这将仅在第一个选项卡中播放音频。

唯一的问题是，您必须对这种情况做出反应，即用户正在关闭第一个选项卡。您可以通过取消tabKey关闭标签页上的项目并在其他标签页中捕获该事件来实现此目的storage：

//when main tab closes, remove item from localStorage
window.addEventListener("unload", function () {
    if (localStorage.getItem("tabKey") === randomKey) {
        localStorage.removeItem("tabKey");
    }
});

//when non-main tabs receive the "close" event,
//the first one will set the `tabKey` to its `randomKey`
window.addEventListener("storage", function(evt) {
    if (evt.key === "tabKey" && evt.newValue === null) {
        if (localStorage.getItem("tabKey") === null) {
            localStorage.setItem("tabKey", randomKey);
        }
    }
});