加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

点击可以隐藏的多首歌连放的博客播放器(原创)

(2007-06-12 06:28:33)
标签:

网页播放器

多首歌连放

点击可隐藏

csbeyond

炫博客

cs新浪首发

分类: *原创文章* -多多支持-
大家看到我首页的那个点击可以隐藏多首歌连放的博客播放器了么,效果不错吧(这个播放器我已经停止使用,换了一个更先进的,不是教程里写的这个~
他几乎可以播放所有的音频 ,视频, 图片和flash~
还可以同步歌词,还能播放你电脑里的媒体文件~
把鼠标悬停在播放器上还有更多惊喜,哈哈看到的朋友还不去试试看
~~
我早就开始用了,可是由于我在高考,就没有写出来
现在我写出来和大家一起分享~
1.首先要下载这个网页播放器的源文件(楼下的有博友反映不能正常显示播放器,我又修改了播放器,感谢29楼的OutMemory同志)
 点击可以隐藏的多首歌连放的博客播放器(原创)
文件名:aquAmp.rar
大小:75kb
下载以后解压到你的电脑里得到一个名为aquAmp的文件夹~
 
2.开始修改文件:
1)用记事本打开index.html文件,修改你的博客首页
 
找到代码中的
<!--在这里更改首页链接!-->
    <frame src="http://blog.sina.com.cn/csbeyond" name="main" frameborder="0" noresize>
    <!--在这里是AQUAMP播放器首页链接!-->
 
 
把你博客地址替换上面红色部分就可以了,然后保存~
 
2)用记事本打开player_config.js文件,修改相关设置
找到代码中的

 

var mediaURL       = "http://files.blogbus.com/csbeyond206.blogbus.com/files/11813359750.asx"; //播放清单路径(有效的URL路径,可能有部分空间不支持ASX文件。)

说明:这里是填写你的播放清单路径的地方,播放清单(后缀名为.asx)文件的制作方法在文末,你必须先做好播放清单上传以后得到播放清单路径才能替换上面的

http://files.blogbus.com/csbeyond206.blogbus.com/files/11813359750.asx

部分,否则你的播放器放出来的可是我喜欢听的歌啊~

 

 

var set_autoPlay   = true                                     //是否自动播放  false /true

说明:这里是设置你播放器是否自动播放,默认是自动播放,不想自动播放了就把上面红色的true改成false

var set_shuffle    = true;                                     //是否随机播放

说明:这里是设置你播放器是否随机播放,默认是随机播放,不想随机播放了就把上面红色的true改成false

var set_volume     = 50                                       //默认音量  设定播放器载入页面时的初始化音量(最小10;最大100)

说明:这里是设置你播放器开启时的音量的,默认是50,以10为单位,你可以修改

上面代码中的红色50,不过不要超过100

 

然后保存~

 

3)用画图或其他作图工具打开images文件夹中的td_01.gif文件,修改我播放器的LOGO图

如右图:点击可以隐藏的多首歌连放的博客播放器(原创)

然后保存~

当然不会做图的同志可以忽略掉这一步~

 

最后把整个播放器的文件夹都上传到你的免费空间,

不会上传文件的朋友请参考如何申请使用网络硬盘

得到index.html的网络地址比如 http://xxxx/index.html

然后替换掉以下代码中红色的部分,最后把下面代码添加到你的博客里就可以了

<DIV id=csbeyond style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-1004); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-22); TEXT-ALIGN: center"><IFRAME align=center marginWidth=0 marginHeight=0 src="http://zhangboyu.go3.icpcn.com/aquAmp/index.html" frameBorder=0 width=1024 scrolling=no height=22></IFRAME></DIV>
<DIV></DIV>
 
添加方法:
 1,管理博客----首页内容维护----定义空白模板----新建,创建模块标题,点击粘贴代码----保存并返回;

 2,管理博客----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

不会添加代码的朋友请参考:添加模板代码的教学幻灯
 

 

 

附,播放清单(后缀名为.asx)文件的制作方法

打开一个空白的记事本文件,输入以下代码:

<Asx Version="3.0">
<Param Name="AllowShuffle" Value="yes"/>

 

<Entry>
<Title>歌曲名</Title>
<!--1-->
<Ref href="歌曲文件地址"/>
</Entry>

 

<Entry>
<Title>歌曲名</Title>
<!--1-->
<Ref href="歌曲文件地址"/>
</Entry>

 

......

 

</Asx>

 

歌曲不够了可以继续添加在</Entry> ......</Asx>中间添加以下代码来替换上面代码中的省略号

<Entry>
<Title>歌曲名</Title>
<!--1-->
<Ref href="歌曲文件地址"/>
</Entry>

然后保存为后缀名为.asx的文件

点击可以隐藏的多首歌连放的博客播放器(原创)

 

 最后把所有的文件做好播放清单上传以后得到播放清单路径才能替换上面的

http://files.blogbus.com/csbeyond206.blogbus.com/files/11813359750.asx

部分

不会上传文件的朋友请参考如何申请使用网络硬盘

 

ps:错误原因

 

原文中有四处错误,都在往blog中添加代码时:
1.在往blog中添加代码时,地址应该给出aquAmp.htm不是index.html

这个是我在播放器重新打包上传的时候保存网页文件后缀名错误,改进版的播放器源文件已经修正了这个错误
2.按照原文打方法添加播放器,不能完全现实,应该有2除错误。定位和高度,我把我的代码贴上来
第二处:TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-30) 
第三处:src="http://zhangboyu.go3.icpcn.com/aquAmp/index.html" frameBorder=0 width=1024 scrolling=no height=30>
即将高度改为30

这里根据你显示的播放器的高度修改那个数值
第四处:在添加代码时,不是以".html"为后缀的,应该是".htm"

这个是我在播放器重新打包上传的时候保存网页文件后缀名错误,改进版的播放器源文件已经修正了这个错误

最后,貌似播放器本身还有问题,现在编辑那个模块马上浏览器崩溃!希望能改进一下
这个问题是新浪博客添加网页框架代码的通病(bug)就是一编辑有添加网页框架代码模块马上浏览器崩溃!,这个问题这能等待新浪改进了

 

最后:改进版的播放器源文件已经修正了不能正常显示播放器的错误,方法不变~

大家一定能成功的~

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有