jquery - 新 Soundcloud 顶栏是如何编程的？

Question

我很想知道是否有人知道新的 Soundcloud 网站是如何开发的？具体来说，即使用户已经离开当前正在播放的歌曲，歌曲如何继续通过顶栏音频播放器播放？

当您单击顶部条形波形时，它会将用户带回到正在播放的歌曲。可以使用 AJAX 和 Jplayer 复制相同的用户体验吗？

Answer 1

实际上有一篇博客文章详细介绍了我们的前端架构 - <a href="http://backstage.soundcloud.com/2012/06/building-the-next-soundcloud/" rel="nofollow ">http://backstage.soundcloud.com/2012/06/building-the-next-soundcloud/

还有一个关于 W3C Israel HTML5Fest 的演讲http://www.youtube.com/watch?v=DXe9QjphsT8

回答你的问题，是的，我不明白为什么不能使用 jPlayer 来做同样的事情。目前我们播放音频的首选库是 SoundManager。

升级版。我绝对建议您查看http://zohararad.github.com/audio5js/，这是一个新库，可让您使用带有 Flash 回调的 HTML5 音频

Answer 2

在我看来，SoundCloud 是一个 SPA（单页应用程序）。可能使用 BackboneJS 或一些类似的 JavaScript 库构建...

SPA 是只有一页（理论上）同步加载的概念。其余的通过 AJAX 从服务器中提取视图和其他内容来完成，这些内容由一些 SPA 库在内部处理。

问候。