显示标签为“musicbar”的博文。显示所有博文
显示标签为“musicbar”的博文。显示所有博文

星期五, 十二月 01, 2006

为PJBlog添加音乐模块

为网志添加了一个音乐侧边栏模块"Music Bar",演示见本网志右侧栏。


具体操作如下:
1:下载dewplayer.swf【via:http://www.casoul.cn/blog/Plugins/Music/dewplayer.swf】至本地;
2:在blog的"Plugins"目录下新建一个"Music"文件夹;
3:将方才下载的"dewplayer.swf"文件拷贝至新建好的Music文件夹下;
4:上传mp3文件到"blog/plugins/music”目录下,如"1.mp3"和"2.mp3"两首歌曲;
5:在后台“界面与插件--->设置模块”新建以"MusicBar"(你也可以自己命名,但注意不要有空格)为标识的侧边栏模块;
6:编辑该MusicBar模块的Html,加入以下任意一种播放模式的代码:
(1)多曲模式:
<object type="application/x-shockwave-flash" height="20" width="170" data="plugins/music/dewplayer.swf?son=/blog/plugins/music/1.mp3|/blog/plugins/music/2.mp3&autostart=1">
<param value="plugins/music/dewplayer.swf?son=/blog/plugins/music/1.mp3|/blog/plugins/music/2.mp3&autostart=1" name="movie" />
<param value="transparent" name="wmode" /></object>
(2)单曲模式:
<object type="application/x-shockwave-flash" height="20" width="170" data="plugins/music/dewplayer.swf?son=http://www.waterblue.com.cn/music/piano/Maksim/03.mp3&autostart=1">
<param value="plugins/music/dewplayer.swf?son=http://www.waterblue.com.cn/music/piano/Maksim/03.mp3&autostart=1" name="movie" />
<param value="transparent" name="wmode" /></object>
最后,补充一下:以上两种模式中的mp3调用地址可以是本地调用(相对地址调用,如"/blog/plugins/music/1.mp3"),也可以是远程调用(绝对地址调用),如"http://www.waterblue.com.cn/music/piano/Maksim/03.mp3",也可以混合调用,区别在于哪种调用速度快就采用哪种方式调用。

Mp3测试链接1:http://www.waterblue.com.cn/music/piano/Maksim/03.mp3(歌名:Exodus-出埃及记
Mp3测试链接2:http://uikk.com/11v/upload/mp3/yani.mp3(歌名:和兰花在一起-With an orchid  演奏:雅尼-Yanni)

ShareThis