如何在浏览页面时保持音频播放?

时间:2012-03-04 13:28:14

标签: javascript html html5 audio load

我正在为我的朋友乐队制作一个网站。我想知道在点击网站上另一个页面的链接后是否可以(除了使用Ajax)保持音频播放?

我目前使用Ajax设置重新加载内容,但我遇到了一些问题,除非我真的需要,否则我宁愿不处理这些麻烦。

如果不可能,有没有办法在导航时尽量减少中断(暂停然后再次播放)?新页面可以继续播放最后一页停止的轨道,但我希望最小化暂停。或者,在这个主题上,是否可以在更改URL之后加载某些页面元素(不使用#urls),就像facebook一样(例如,你点击它,但横幅在加载过程中永远不会消失)

感谢您的帮助:)

5 个答案:

答案 0 :(得分:9)

使用Ajax加载内容和历史记录API的pushState(),以便在不重页加载的情况下更改网址。

要获得跨浏览器的一致行为,请考虑使用类似History.js的包装器库。

答案 1 :(得分:1)

像Facebook这样的网站使用JavaScript / AJAX来做这些事情。如果您不想使用它,可以使用框架(不推荐)。将页面分为两个框架:播放器和网站本身。这样你就可以轻松关闭它,只需打开没有框架的网站。

祝你好运!

答案 2 :(得分:0)

当然你也可以在另一个窗口/标签中弹出播放器。 (现在)没有框架或javascript就无法实现。

答案 3 :(得分:-1)

以不同于AJAX的方式实现它可能会很麻烦,但是您可以使用IFrames,音乐将在主要音乐中播放,内容显示在子节目中,或者您始终可以将其设为Flash网页。

答案 4 :(得分:-2)

在Wordpress中构建它并使用AnythingSlider插件让页面在主页面内移动。这样您就可以使用选项卡式导航,而不会离开实际页面。无需编写太多代码。 AnythingSlider使用html作为幻灯片。

您也不能使用wordpress并只使用AnythingSlider代码。

http://css-tricks.com/anythingslider-jquery-plugin/

http://wordpress.org/extend/plugins/anythingslider-for-wordpress/

http://css-tricks.com/examples/AnythingSlider/