当用户浏览到另一个页面（同一站点）时，模态音频播放器将继续播放而不会中断

Question

我正在寻找一种媒体播放器（音频），可以将其嵌入到我的网站（一个Rails应用程序）中，以允许流音频，当用户转到我网站的另一个页面时，音频不会停止。 理想情况下，它将是模态的。

我尝试使用YUI Media Player，但是当用户离开主页而大多数用户不认为在新标签页中播放音频时会重新加载音频（YUI Media Player允许），直到为时已晚。

我一直在使用Olark在我的网站上添加聊天工具，它确实允许用户浏览该网站，同时保持聊天会话的状态。

是否存在这样的模态音频插件或小部件？ 还是我应该自己开始编码？

我知道我总是可以强迫媒体播放器在新选项卡中打开，但是我想将内容保留在同一屏幕上...我必须承认，我还没有看到这样的工具，所以我不太自信找到一个。

Answer 1

我参与了开发一个完全做到这一点的网站。

简短的答案：这不是小部件可以做的。

长答案：

主要问题是，当用户导航到新页面时，旧页面将被完全丢弃-其中包括媒体播放器。 无法解决这个问题-要保持音乐播放，就必须完全防止静态负载。 当用户尝试导航时，我们通过使用AJAX替换网站上的内容来解决了此问题，据我所知，这是唯一可行的方法。 基本上，我们将捕获链接点击并进行AJAX加载，将DOM中的相关HTML替换为从服务器获取的HTML。

从经验上来讲，编写以这种方式运行的网站显然要花很多时间。 乍一看似乎很容易，但是要考虑很多边缘情况（GET args糟透了），并且有很多部分需要结合在一起以创建良好的用户体验（基于片段的URL，后退按钮支持，清单继续）。 此外，您仍然必须处理静态页面加载，因此您可能必须围绕整个动态加载创建一些框架。

话虽如此，如果您真的必须具有此功能，则有很多好处。 总而言之，我工作的站点实际上比大多数其他站点都有更好的用户体验：页面加载更快，资源（CSS，图像等）被自动缓存，AJAX分页/表单验证基本上是免费的，而且我们最终通过登录/注销做了一些很酷的事情。 但是要达到这一点需要很多工作。

Answer 2

您可以执行此操作，但是必须在始终打开的音乐播放器和可书签性之间进行选择。 为了使音乐播放器一页一页地跟随您，它必须位于（隐藏的）框架中，该框架封装了网站UI的其余部分，以便播放器永不中断，唯一的变化发生在子帧中不受干扰。 这意味着地址栏中的URL与用户单击站点的不同部分时相同。 如果可以接受，则可以使用YUI播放器或XSPF或几乎任何其他东西，因为唯一真正的问题是防止播放器流中断。

Answer 3

将近2年后，但如果您仍然找不到任何内容，请访问http://ex.fm/site-player