连续背景音乐制作方法实战全过程

时间：2008-09-11

最近制作一个传统类型的网站，需要使用到背景音乐。但是大家知道，在网页模板中全部加上背景音乐效果，如果弹出新窗口，就会造成重复播放，如果在本页打开，则会造成音乐重头播放。

如何解决这个问题??事实上，我以前做过类似的效果，就是使用IF框架。问题是，框架的宽高有限，而每个网页的高度都是不一样的。以前做的效果是一个企业站，每个网页做到一样高还可以做到。内容采用CSS控制自动滚动条即可。但是这个一个大网站，栏目众多，采用以前的解决方法是不现实的。

互联网就是好，在google之后，终于找到JS解决方案。鄙视一下百度，搜出来的全是没用的东西。

首先，在网站根目录下面建立一个文件 index.html输入以下内容：

==================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>继强太极拳俱乐部 JiQiang TAIJI Club WEB SITE</title>
<meta name=Keywords content=太极拳，陈氏太极拳，洪式太极拳 />
<meta name=Description content=继强太极拳文化俱乐部成立于2008年8月8日，是由陈氏太极拳第二十世正宗传人李振伟先生发起,其弟子李继强、卢振海创办的太极拳组织。其前身是：“山东育龙武馆”。俱乐部总部设在中国著名的武术之乡、书画之乡、戏曲之乡、牡丹之乡，山东省菏泽市。/>
<script type=text/javascript>
<!--
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"

if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}

}
-->
</script>
<style type="text/css">

</style></head>

==================================

OK，到此，网页的框架已经全部完成。IE6 火狐谷歌浏览器均测试通过。下面要做的事情就简单了，就是给网页加上背景音乐。

使用<bgsound src="1.mid" loop="infinte">代码加上，IE测试成功，火狐和谷歌测试失败。晕，再找。

OK，IE 火狐谷歌浏览器均测试成功。但是，可是，但可是，可但是，居然的竟然。。。

在IE中，网页的最下面居然有一行白边。在火狐和谷歌中没有此问题。我真是疯狂，这狗P的IE。。。

如何解决呢???

抽口烟先。。。。

突然我想起了挂马，大家应该都被挂过马，挂马都是宽高都是0的if框架，而我本身已经使用了一个框架了，那就不在乎再多使用一个框架!

新建了一个song.html文件在根目录，将背景音乐代码加入到其中。然后在index.htm页面底下再加入一个if

测试成功，所有浏览器都支持!!

注意事项：背景音乐会导致网页打开速度变慢，而且占用流量比较大，因此并不推荐网站使用背景音乐。

第二，IF对于搜索引擎并不友好，因此，如果没有特别需要，不要使用IF框架。

第三，使用IF框架也要做好网页的SEO工作，关键词简介什么的都不能少。

第四，如果你有更好的方法请告之。

需要说明的是，每个虚拟主机都可以设置不同的首文件。如果是使用星外的虚拟主机是可以自己在主机管理面板里面调整的。调整顺序为

index.htm index.html index.asp 这样。

使用新网互联的虚拟主机是不可以调整的，但是默认就是按照上面的排序排列的。

设置好排序之后，浏览器会自动的访问到你的第一个网页，第一个没有找第二个，依此类推。

文章首发地方网络工作室，转载请保留链接!

连续背景音乐制作方法 实战全过程

相关文章

连续背景音乐制作方法实战全过程