在网站中添加背景音乐，如果我转到其他页面，音乐不应从头开始

Posted 2023-03-08

【中文标题】在网站中添加背景音乐，如果我转到其他页面，音乐不应从头开始

【英文标题】：Add a background music in website and music should not start from beginning if i goto other page

【发布时间】：2013-09-26 06:02:27

【问题描述】：

我想向我的网站添加背景音乐，但我希望该音乐在所有页面上连续播放。 例如：我有大约 10 分钟的音乐，我在主页上 2 分钟音乐从 1 秒开始，当我转到其他页面时，音乐应该从 2 分 1 秒开始。

我在 Google 和 *** 上进行了搜索，但遗憾的是没有按照我的要求找到任何答案。 :(

我只是想知道这有可能吗？？？如果是，那么使用什么样的机制呢？？？

【问题讨论】：

为什么？为什么要自动播放音乐？你是乐队吗？您的网站是音乐播放网站吗？

@LegoStormtroopr 它是一个娱乐网站，在后台播放一些柔和的音乐，我不希望用户在导航时一遍又一遍地听相同的音乐......

您是否考虑过用户是否想要播放任何音乐？背景音乐非常分散注意力，一点也不好看。

如果用户不想要你的音乐怎么办？他们还需要浪费带宽来下载 10 分钟的歌曲吗？如果他们在移动设备上和公共场所，并且数据上限较低并且不想打扰人们怎么办。如果您正在设计网站...请重新考虑自动播放音乐！！！

@LegoStormtroopr 假设 1) 音乐无法停止并且 2) 在未知网站的上下文中会很烦人，这对 cme​​ts 没有帮助。虽然我同意，但没有什么比自动播放更让我恼火的了，更不用说看似不需要的音乐了。就在这个问题的背景下，所以你的 cmets 并不能帮助他解决问题。也许他无法控制这方面，只需要实现它？

【参考方案1】：

据我所知，这并不容易实现。 您可以遵循两种做法，第一种是最常见的（恕我直言）。

当您导航时，音乐背景不会从头开始的网站大多使用 Ajax 或类似方法进行导航，而不是让页面正常刷新。这在 Flash 网站中很常见，但也可以通过 Ajax 刷新您网站的内部内容。

第二种方法会涉及以某种方式传递一个记住用户所在位置的变量，但您无法避免加载间隙，整个结果将非常罕见，而且不是很愉快。

李>

【讨论】：

让 setTimeout JS 函数每秒运行一次，可能会更新一个 cookie，以保持最后一秒的播放，并假设您将获得接近良好的结果。

【参考方案2】：

有几种方法可以让你在我的脑海中做到这一点。最简单的可能是一些将下一页的内容加载到当前页面的 javascript：

<div id="content">[Your changing page content goes in here]</div>

一个链接：

<a href="#" onclick="loadNext('somepage.html')">Some Page</a>

一些JS：

function loadNext(page)
    //using jquery
    // assigning to a var like this lets you do things like abort the call
    var jqxhr = $.ajax(type:"get",url:page,dataType:"text");

    jqxhr.success(function(result) $("#content").html(result); );

另一种可能更简单的方法是将您的页面内容加载到 iframe 中，然后让它们在其中导航，这也会更安全，因为如果人们禁用了 JS，它也不会中断。

<iframe src="homepage.html"></iframe> //You'll need to size this to whatever the content needs obviously, like 'style="width:100%;height:100%"'

这两种解决方案都要求您的内容能够与页面的包装分开加载，这样页眉和页脚等内容就不会在您浏览时无限重复。