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

时间: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">
<!--
*{margin: 0px;}
-->
</style></head>

<body>
<iframe name="down" width="100%" frameborder="0" src="index.html" scrolling="no" id="down" onload="javascript:dyniframesize('down');"
/></iframe>
</body>
</html>

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

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

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

<embed src="1.wma" hidden="true" height="0" width="0" loop="true" /> 

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

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

如何解决呢???

抽口烟先。。。。

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

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

<iframe src="song.html" width="0" height="0" ></iframe>

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

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

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

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

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

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

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

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

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

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

相关文章

标签:

A5创业网 版权所有

返回顶部