Question

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

我搜索了Google＆amp; StackOverflow但遗憾的是没有根据我的要求找到任何答案。：（

我只是想知道是否有可能做到???如果是，则使用什么样的机制???

Answer 1

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

具有音乐背景但在导航时无法全程启动的网站，主要使用Ajax或类似方法进行导航，而不是允许页面正常刷新。这在Flash网站上很常见，但是可以通过Ajax刷新网站的内部内容。
第二种方式将涉及以某种方式传递一个记住用户所在位置的变量，但是你无法避免加载间隙，整个结果将非常罕见且不太令人愉快。

Answer 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%"'

这两种解决方案都要求您的内容能够从页面的包装器中单独加载，这样当您浏览时，页眉和页脚之类的内容不会无限复制。

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

2 个答案: