Javascript 当用户打开新选项卡时暂停应用程序（AngularJS）

我有一个内置于AngularJS的音乐应用程序。 我的应用程序正在运行。用户可以在其选项卡上播放、暂停、上一个、下一个。但我想让它变得更好
当用户已经打开标签并播放音乐时。当他打开一个新标签并播放另一首歌曲时，我希望第一个标签中的歌曲暂停
我该怎么做呢

---

我曾在stackoverflow上研究过这个问题，但据我所知，我没有发现任何有用的东西，因此非常感谢您的帮助
您可以使用HTML5本地存储来保留当前歌曲的值，并从不同的选项卡检索该值。新歌曲开始时，您需要覆盖当前歌曲。如果歌曲已过时，则需要轮询此值以暂停歌曲。请查看以下库，以便在中使用本地存储：

https://github.com/grevory/angular-local-storage

---

https://github.com/gsklee/ngStorage

您可以使用HTML5本地存储来保存当前歌曲的值，并从不同的选项卡检索该值。新歌曲开始时，您需要覆盖当前歌曲。如果歌曲已过时，则需要轮询此值以暂停歌曲。请查看以下库，以便在中使用本地存储：

https://github.com/grevory/angular-local-storage

---

https://github.com/gsklee/ngStorage

存储当前歌曲和制表符的Cookie应该可以让您使用。我认为您不应该专门针对这一需求使用localStorage，因为它可以通过cookie轻松处理

简而言之，一个用于检查cookie值的setTimeInterval函数（在应用程序启动时递增，在选项卡关闭时递减…分别使用onload和onUnload事件）

---

如果以给定间隔运行的函数发现cookie值为2，则暂停该选项卡中的音乐并减少cookie，使其不会在新选项卡中停止。存储当前歌曲和选项卡计数的cookie应该对您有用。我认为您不应该专门针对这一需求使用localStorage，因为它可以通过cookie轻松处理

简而言之，一个用于检查cookie值的setTimeInterval函数（在应用程序启动时递增，在选项卡关闭时递减…分别使用onload和onUnload事件）

---

如果以给定间隔运行的函数发现cookie值为2，则暂停该选项卡中的音乐并减小cookie值，以便它不会在新选项卡中停止，您可以使用此代码，希望清楚：

window.onblur=function（）{
setItem（'song\u 123\u pause\u time'，1234）；
控制台日志（“暂停”）；
};
window.onfocus=函数（）{
var seek=localStorage.getItem（“song_123_pause_time”）；
console.log（“再次播放”）；
};您可以使用此代码，希望清楚：


window.onblur=function（）{
setItem（'song\u 123\u pause\u time'，1234）；
控制台日志（“暂停”）；
};
window.onfocus=函数（）{
var seek=localStorage.getItem（“song_123_pause_time”）；
console.log（“再次播放”）；
};