【问题标题】:Continue playing audio from web page even after going to the next page即使转到下一页后仍继续播放网页中的音频
【发布时间】:2013-08-16 21:49:54
【问题描述】:

我正在网站上设置广播/流媒体播放器。播放器可以是带有/或对象 (type="application/x-shockwave-flash") 或 <audio> 元素的 iframe,在侧边栏中的文档内,在整个网站上重复。当流正在播放并且您通过任何链接浏览到该网站的另一个站点时,由于该站点的加载,该流显然被中断了。

我希望播放器继续播放,即使我通过链接(例如单击主页)浏览到网站的另一部分,就像 SoundCloud 和 Hypem 一样。我知道这些网站通过使用 ajax 刷新网站的其余部分并让播放器保持不变来做到这一点。

我的问题是,还有其他方法可以让这个 iframe/object/audio 元素继续播放吗?

【问题讨论】:

    标签: html audio-streaming html5-audio


    【解决方案1】:

    一旦您切换到下一页,原始页面上的所有内容都会被破坏并停止运行。这个事实没有直接的方法。正如你所说,其他网站实际上并不切换页面。

    保持音频播放的常用方法是为播放器使用弹出窗口。这样,音频播放器页面仍然存在。您甚至可以从其他页面与它进行通信。 (查看JunoDownload.com 的示例。)这通常不是一个好方法,因为许多弹出窗口阻止程序只是阻止所有弹出窗口。大多数弹出窗口阻止程序只阻止在用户操作之外启动的弹出窗口,所以如果你有一个启动弹出窗口的“播放”按钮,大多数用户仍然会得到它。这是一个坏主意的另一个原因是因为它有点不和谐的用户体验。

    另一种方法是简单地将链接目标设置为_blank,在新选项卡或窗口中打开它们。请注意仅通过播放器页面的链接执行此操作。

    最后,一些网站会不断地向服务器发布播放状态。在下一页上,如果前一页上正在播放一首歌曲,则会在上一页停止的位置开始播放新的播放器。不过这有点烦人,因为在播放器加载时音乐会停止一段时间。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-09-09
      • 1970-01-01
      • 2018-09-14
      • 2013-05-23
      • 1970-01-01
      • 1970-01-01
      • 2015-10-14
      • 1970-01-01
      相关资源
      最近更新 更多