javascript - SoundCloud 和 Vimeo 在不同的选项卡中同步其播放器(有时也同步选项卡和嵌入式播放器)

Question

我喜欢 SoundCloud 和 Vimeo 同步各个选项卡的方式，这样一旦您开始在一个选项卡中播放某些内容，其他选项卡就会暂停。更有趣的是，这仅在打开两个网站实例时在 SoundCloud 上起作用，但对于 Vimeo，甚至在 Vimeo 网站选项卡(正在播放视频)和嵌入在 The Verge 上的 Vimeo 视频之间也会发生这种情况 ( http://www.theverge.com/2014/12/22/7433775/watch-the-styles-of-your-favorite-directors-recreated-with-stock ) 。然而，当 Vimeo 视频嵌入到 Facebook 上时(当我分享它时)，它就不起作用了。

我想知道 Javascript: sharing data between tabs 中提到的技术之一是否有效此处使用，如果是，为什么当 Vimeo 视频嵌入 Facebook 并且我有另一个选项卡播放 Vimeo 视频时它不起作用。

Answer 1

所以，我刚刚检查了一下，确实 SoundCloud 和 Vimeo 都使用了 localStorage 解决方案。 Vimeo 有一个来自 https://f.vimeocdn.com 的 key 叫sync_active它更新为当前正在播放或上次播放的视频(如果所有视频都已暂停)。即使 Vimeo 视频嵌入在 The Verge 上，他们也有这个 key ，因此这也适用于 The Verge。然而，对于 Facebook，Vimeo 没有任何本地存储，因此不会发生同步。

对于 SoundCloud，它还有一个来自 https://soundcloud.com 的 key 叫V2::local::inst_<id>它会更新到正在播放的任何选项卡。即使 SoundCloud 嵌入在 The Verge 上，他们也没有此 localStorage，因此只能在各种 SoundCloud 网站选项卡之间运行。