当用户浏览网站时,我将如何在网站上继续播放音乐?

Posted

技术标签:

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

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

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

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

【问题讨论】:

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

方法五:

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

方法六:

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

方法七:

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

【讨论】:

以上是关于当用户浏览网站时,我将如何在网站上继续播放音乐?的主要内容,如果未能解决你的问题,请参考以下文章

在没有获得任何权限的情况下在网站上自动播放音乐。

播放背景音乐,用户可以停止或重新启动或暂停音乐

如何通过App在后台连续播放音乐?

在网页中播放音乐时打开同步显示歌词窗口如何实现?

如何在悬停时暂停引导轮播并在鼠标悬停时恢复它?

防止轻松下载在 mp3 播放器上播放的 mp3?