音乐播放的网站应用

Question

这个问题是非常具体的，如何使音乐上http://www.beatport.com播放应用，如一个 - 的影响：

1. 音乐链接被点击
2. 玩家当玩家落下不会在页面更改时重新加载。

我不敢相信他们使用的是iframe？因为每个人似乎都认为这是不好的做法。

及其def。不闪烁

你认为他们在这里使用什么？

关于如何做这样的事情的任何想法？

谢谢！

Answer 1

对于音乐播放器，他们使用HTML5音频（可选择切换到Flash）。它包含在一个position: fixed; div中，可让他们在滚动时将其保留在页面上。当您点击播放时，播放器所在的div几乎肯定会加载AJAX，然后在加载时显示，解释点击音乐链接时的下降情况。

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

奇怪的是，页面上有一个iframe可以报告用户指标。

Answer 2

除了@thedaian说的。他们正在使用HTML5来播放音频。该页面已被Ajax化，但url和历史记录使用history.pushState这是HTML5的一项新功能。这使您可以更新网址而无需发出新的请求。更多关于它here。当然，这在所有浏览器中都不受支持，并且他们在页面检查此支持。

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

该动画看起来很简单jquery slide的影响。