【问题标题】:How to keep audio playing while navigating through pages?如何在浏览页面时保持音频播放?
【发布时间】:2012-03-22 06:03:03
【问题描述】:

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

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

如果不可能,有没有办法在导航时最大限度地减少中断(暂停然后重新播放)?新页面可能会继续播放上一页停止的曲目,但我想尽量减少暂停。或者,在这个主题上,是否可以在更改 URL 后(不使用 # url)保持某些页面元素的加载,就像 facebook 所做的那样(例如,你点击它,但横幅在加载过程中永远不会消失)

感谢您的帮助:)

【问题讨论】:

    标签: javascript html audio load


    【解决方案1】:

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

    祝你好运!

    【讨论】:

    • Facebook 是如何做这种 Ajax 的?当我查找它时,您可以使用 Javascript/jQuery 函数“更改”url 的唯一方法是在 URL 中使用 #
    • 以下 Marat Tanalin 的评论很有用 - 我现在知道可以在不使用 # 的情况下更改 URL。另外 - 我知道不要使用框架。啊!俗气:l
    【解决方案2】:

    当然,您也可以在另一个窗口/选项卡中弹出播放器。 (目前)没有框架或 javascript 是不可能的。

    【讨论】:

      【解决方案3】:

      与通过 AJAX 不同地实现它可能会很麻烦,但是您可以使用 IFrame,其中音乐将在主框架中播放,内容显示在子框架中,或者您始终可以将其设为 Flash 网页.

      【讨论】:

        【解决方案4】:

        使用 Ajax 加载内容,使用 History API 的 pushState() 更改 URL 而无需重新加载页面。

        为了跨浏览器的一致行为,请考虑使用 History.js 之类的包装库。

        【讨论】:

        • 谢谢!我不知道不使用 # 就可以做到这一点。我会考虑使用这个:)
        【解决方案5】:

        在 Wordpress 中构建它并使用 AnythingSlider 插件让页面在主页内移动。这样您就可以拥有标签式导航,并且永远不会离开实际页面。无需编写太多代码。 AnySlider 使用 html 来制作幻灯片。

        您也可以不使用 wordpress,而只使用 AnythingSlider 代码。

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

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

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-03-05
          • 1970-01-01
          • 2017-07-12
          • 2010-09-10
          相关资源
          最近更新 更多