如何在网站上浏览页面时不间断地播放音频

Question

在某些网站上，可以开始播放音频并移动到此网站上的其他链接而不停止音频（它在您导航时继续播放）。但是当您刷新页面或移动到另一个网站时，它会停止。他们是怎么做到的？基本上，如果您使用a href标签转到网站上的其他页面，音乐将会停止。

如果他们使用的是Ajax，那么在这种情况下，ajax会不会放慢网站的速度？那么他们如何改变URL呢？这种技术是否被称为单页网站＆＃39;？

Answer 1

我想你会发现它根本就没有使用过AJAX。如果您指的是像Soundcloud这样的网站打开一个“播放器”并允许您在播放器还在播放时在网站上移动，那么这就是HTML5历史API。

See a very basic demo of the History API here

在Dive Into HTML5查看有关它的更多信息。

修改;

Click through to Demo on this page for a great audio player example.

编辑＃2;

See this related question on StackOverflow.

Answer 2

这些网站正在使用AJAX来显示不同的页面。由于在刷新/重定向页面时音频播放将停止，因此无法执行任何操作。

AJAX不会减慢页面速度..请求加载时间应与常规页面加载相同..您可以在此处找到有关动态更改URL的更多详细信息：Updating address bar with new URL without hash or reloading the page

注意：您必须考虑用户禁用javascript的可能性。

有一些技术可以向搜索引擎显示您拥有动态网址。通常，您必须具有指向动态URL的常规页面。以下是Google文档，其中介绍了如何创建使用AJAX的网站，以便机器人抓取网页：https://developers.google.com/webmasters/ajax-crawling/docs/learn-more