音乐播放网站应用

Question

这个问题非常具体，关于如何使音乐播放应用程序类似于http://www.beatport.com上的应用程序-效果：

1. 当单击音乐链接时，播放机就会下降。
2. 播放机不会在页面更改上重新加载。

我真不敢相信他们在用iframe ?？因为每个人似乎都认为这是错误的做法。

以及它的负责人。不是闪光灯

你觉得他们在用什么？？

知道怎么做这样的东西吗？

谢谢!

Answer 1

对于音乐播放器，他们使用的是HTML5音频(可以选择切换到Flash)。它包含在一个position: fixed; div中，它允许他们在滚动时将其保存在页面上。当您单击play时，播放器所在的div几乎肯定是用AJAX加载的，然后在加载时显示，解释了在单击音乐链接时下降的原因。

主页面可能加载了一些更多的AJAX，有一个<div id="page-wrap">很可能在点击链接时重新加载。jQuery移动电话这样做是为了让多页应用程序在一个页面中工作，所以它并不是闻所未闻的。

奇怪的是，页面上有一个iframe，它似乎在报告用户指标。

Answer 2

“除了这句话之外，”泰安说。他们正在使用HTML5播放音频。页面是有标记的，但是url和历史都是使用history.pushState操作的，这是HTML5的一个新特性。这允许您在不执行新请求的情况下更新URL。更多关于它的这里。当然，这并不是所有浏览器都支持的，它们会在页面上检查这种支持。

当然，音频可以是Flash、HTML5或任何允许音乐控制器的东西。

动画看起来是简单的jquery 幻灯片效果。