给博客添加框架固定式背景音乐

博客背景音乐连续播放技巧
本文介绍了一种在博客中实现背景音乐连续播放的方法。通过使用框架式网页和特定的播放器代码,使得用户在浏览不同页面时音乐能够不间断地播放。

想给BLOG添加一个背景音乐其实很简单,关键是如何让它能够在翻页的时候音乐都能够连续呢。我刚做好,把技巧分享一下:

    1. 选择背景音乐程序
  • 第一种方法是自己写个播放器
  • 第二种方法是找别人提供的网页播放器。我选第二种,挺方便的,用的是极速多用户音乐播放器:http://player.89525.com
将播放器添加到网页里
  • 博客园提供了在页首、页脚、公告区使用HTML,在这几个区域我们可以把播放器的代码放到网页里,很简单的。

不过这样添加上去的播放器只能在单页播放,也就是当用户换页后就不行了。如何解决这个问题呢,使用框架式网页,把播放器放在另一个框架里,把BLOG主页放在另一个框架里,代码如下:

<!-- 将以下内容存为你网站的默认首页文件/比如:index.htm,index.asp,index.php -->  

< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 极速多用户网页音乐播放器(框架固定形式/底部音乐播放器) </ title >
< link  href ="89525css.css"  rel ="stylesheet"  type ="text/css" >
</ head >
< frameset  rows ="*,28"  frameborder ="NO"  border ="0"  framespacing ="0" >
< frame  src ="http://player.89525.com/p/index2.php"  name ="mainFrame"  scrolling ="yes" >
< frame  src ="http://player.89525.com/p/31/index.php?user=sys01"  name ="bottomFrame"  scrolling ="NO"  noresize >
</ frameset >
< noframes >
< body >< p > 此网页使用了框架,但您的浏览器不支持框架。 </ p ></ body >
</ noframes >
</ html >

    如果是自己的网站那当然好办了,自己放个主页就OK,可惜博客园不可能提供这样的功能吧,当然也是安全考虑,也不能上传此类文件。是不是就不能使用框架了呢?
    方法是有的,既然不能把这个框架页面放到博客园上,那我把它放到其它网站不就可以了,比如我放一个网页:http://www.myblog.com/myframe.html的框架网页,代码是上面的内容,这样打开上面这个框架就能达到想要的效果了,但现在的问题是我们想让用户访问我的BLOG:http://jcjks.cnblogs.com也能实现这样的效果,怎么办?我的方法是这样的,在博客园页首HTML中添加如下代码:

< script  language ="javascript" >
<!--
if(this.name!="mainFrame")
{window.location.href="http://player1.89525.com/p/MusicMode.php?user=jcjks";}
-->
</ script >

很简单的代码,就是让BLOG检查自己的name属性,如果是"mainFrame"则表示已经被放到框架里了,否则就不是,那么就把浏览器跳转到带播放器的框架页去。上面这个框架页是89525提供的框架页。如此就可以了。

不过现在还有一个问题,就是当用户不是进你的首页,而是进某个子页面怎么办?因为上面的框架页总是把页面重定向到首页去。我想办法是可以解决的,比如自己写一个框架页,接受一个用户进哪一页的参数,重定向时把mainFrame子框架打开它就行了。暂时没空做了,明天就回家过年,年后再解决了,或许有更简单的办法。

 

转载于:https://www.cnblogs.com/jcjks/archive/2008/01/25/1052752.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值