我想向我的网站添加背景音乐,但我希望该音乐在所有页面上连续播放。例如:我有大约 10 分钟的音乐,我在主页上 2 分钟音乐从 1 秒开始,当我转到其他页面时,音乐应该从 2 分 1 秒开始。
我在 Google 和 StackOverflow 上进行了搜索,但遗憾的是没有按照我的要求找到任何答案。:(
我只是想知道这有可能吗???如果是,那么使用什么样的机制呢???
我想向我的网站添加背景音乐,但我希望该音乐在所有页面上连续播放。例如:我有大约 10 分钟的音乐,我在主页上 2 分钟音乐从 1 秒开始,当我转到其他页面时,音乐应该从 2 分 1 秒开始。
我在 Google 和 StackOverflow 上进行了搜索,但遗憾的是没有按照我的要求找到任何答案。:(
我只是想知道这有可能吗???如果是,那么使用什么样的机制呢???
据我所知,这并不容易实现。您可以遵循两种做法,第一种是最常见的(恕我直言)。
导航时音乐背景不会从头开始的网站,大多使用 Ajax 或类似方法进行导航,而不是让页面正常刷新。这在 Flash 网站中很常见,但也可以通过 Ajax 刷新您网站的内部内容。
第二种方法将涉及以某种方式传递一个记住用户所在位置的变量,但是您无法避免加载间隙,整个结果将非常不常见并且不是很令人愉快。
有几种方法可以让你在我的脑海中做到这一点。最简单的可能是一些将下一页的内容加载到当前页面的 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%"'
这两种解决方案都要求您的内容能够与页面的包装分开加载,以便在您导航时不会无限重复页眉和页脚等内容。