【问题标题】:How would I keep music playing on a website as a user navigates it?当用户浏览网站时,我将如何在网站上继续播放音乐?
【发布时间】:2011-02-18 01:04:58
【问题描述】:

不是我想很快就这样做,但我确实想知道它是如何完成的。当一个网站有音乐时,它通常会在您导航到该网站的另一个页面后停止播放,然后在该页面加载时再次开始播放。

即使用户点击链接,我如何保持音乐播放?我不想把我的网站放在框架上。

另外,如果他们打开网站的新标签页,如果他们已经在播放歌曲,我将如何阻止歌曲在该标签页上重播?

【问题讨论】:

  • 您确定要在您的网站上播放音乐吗? :)
  • 看在上帝的份上,以后不要这样做了。
  • 我不知道答案,但我建议你也使用 标签。
  • 我能给你的最短且对用户最友好的答案是不要这样做
  • 我赞成这个问题。这些人是这样做的……怎么做? premiumbeat.com

标签: background-music


【解决方案1】:

方法一:

  • Flash 网站。

方法二:

  • 帧(1 帧与播放器,其他 带有可导航的网站)

方法三:

  • 未来

方法四:

  • 单个页面上的所有内容,由 ajax 加载的内容...可能,但对于 SEO 来说并不酷

就活动浏览器选项卡而言,您使用的是 jQuery,您可以使用 window.focus 和 window.blur 事件进行检查:

$(window).focus(function() {
    //dothisandthat;
});

$(window).blur(function() {
    //dothatandthis;
});

【讨论】:

  • 前两个我都不想做。
  • 我喜欢方法 4。目前正在研究如何做到这一点,并且能够在不使用 # 的情况下更改 url 栏。就像 github 在浏览源文件时所做的那样。
  • 如果你有兴趣像 github 一样更改 url,请查看developer.mozilla.org/en/DOM/Manipulating_the_browser_history
【解决方案2】:

我找到了一个我开始工作的基本方法。所以这是主页。但真的不是。此页面只是将您的音乐和主页加载到同一个窗口中。

<html>
<head>
<meta charset="UTF-8">
</head>
<frameset cols="21%, 79%">
<frame src="music.html" />
<frame src="home.html" />
</frameset>
</html>

然后将您网站中的任何链接更改为这种格式

<a href="page2.html" class="Big_Text">Random Page Name</a></td><br />

我的网站嵌入了这个

【讨论】:

    【解决方案3】:

    方法五:

    • 编写用户可以在浏览之前安装的浏览器扩展。当然,您必须为所有主流浏览器编写它们,但这些建议都不是特别好的。

    方法六:

    • 打开带有音乐播放器的弹出窗口。

    方法七:

    • 打开一个带有音乐播放器的新标签。

    【讨论】:

      猜你喜欢
      • 2015-02-24
      • 1970-01-01
      • 2015-08-28
      • 1970-01-01
      • 1970-01-01
      • 2012-05-09
      • 1970-01-01
      • 2014-02-16
      • 2012-09-14
      相关资源
      最近更新 更多