整个网站播放的音频播放器

时间:2015-01-15 20:57:14

标签: javascript jquery html wordpress audio

我正在尝试在wordpress网站上实现一项功能。由于该网站是wordpress,我们可以访问插件,但我们的网站实际上是非常自定义的,作为开发人员,我觉得很容易实现代码。

我们尝试实施的功能与这些网站类似: http://www.premiumbeat.com/royalty_free_music/most_popular

http://99percentinvisible.org/

即使您在网站上导航,音频播放器仍会继续播放。排队对我们来说并不重要,但在浏览网站时玩的能力会很好。我确实知道我们可以有一个弹出播放器,但我们喜欢这个想法是粘在页面底部。无论如何要做到这一点?

1 个答案:

答案 0 :(得分:0)

您正在使用的网站恰好是单页面应用程序。不幸的是,如果您希望在页面加载之间无缝地播放广播,则必须将整个站点实现为SPA。使用传统的网站结构意味着音乐将不可避免地在页面加载之间停止播放。

您可以将播放器的状态存储在localStorage中,并在您离开的地方继续播放,但这种情况尽可能接近无缝,而不会使该网站成为SPA。

编辑:或者,您可以让页面打开一个新选项卡,播放您的音乐并响应主页上的ajax调用。如果用户禁用您网站上的弹出窗口,则可能会出现问题。