在HTML网站中播放音乐或网址？

Question

我知道你可以打开一个单独的窗口，使用Flash或框架（yuk）来显示一个连续播放音频的mp3播放器，无论你在哪个页面上。但我刚看到这个网站似乎没有框架，Flash或单独的窗口，并想知道他们是如何做到的？

http://www.killertracks.com/#/browse.aspx

看起来他们正在使用JavaScript来加载歌曲，但当我到达网站中的其他网址时，音乐会继续播放。任何想法我怎么能这样做？我正在建立一个需要这个特色的网站。

谢谢，

大须

Answer 1

实际上音频是在Flash播放器中播放的： - ）

然而，在播放音频时，所有页面都通过AJAX加载，并通过Fragment Identifier进行导航。

您可以在Chrome中看到此信息，例如，按F12，选择网络标签，然后点击链接。如果列出了themed-playlists.aspx，请点击它，然后在请求标题部分中，您会看到X-Requested-With: XMLHttpRequest，这是JavaScript用来加载的API动态新页面，无需导航离开当前页面。然后使用新页面更新当前页面上的内容，使其看起来像新页面。许多网站使用此机制动态更新页面而不会导致整页加载。

例如，当我输入此答案时，JavaScript会定期将我的答案发送到stackoverflow服务器并将其保存为草稿。这对我与主页的交互完全透明。

使用此方法的另一个很棒的网站是BBC Music Showcase，但是它可以动态播放音频和视频，同时允许您浏览网站！

Answer 2

您可以使用html5执行此操作，您可以直接在javascript中访问音频API。

例如。

var sound = new Audio("file.mp3"); 
sound.play(); 

请参阅此类文章，例如：http://www.storiesinflight.com/jsfft/visualizer/index.html

所以基本上你会在javascript中捕获按钮/链接事件并运行这样的javascript代码来播放声音。仅适用于html5浏览器，但大多数现代浏览器都支持它:) - 对于不支持的浏览器，你可以下载当前的swf音频播放器（这些可以使用javascript apis提供触发声音）。