昨天在浏览信息时发现了这个Radio.blog,据说它的热度甚至超过了Myspace。那么让我们来看一下这个Radio.blog到底是什么?
Radio.blog是第一个让你在自己的网站上播放流媒体的标准独立的音乐播放器。
(Radio.blog is the first stand-alone player that lets you stream sound on your website.)
先来看看它的工作原理。
其实Radio.blog只是一个播放流媒体的界面,而且可能是用flash技术制作的,所以它的界面还是比较漂亮的。
它的工作原理很简单,把符合要求的音乐文件上传到自己的空间里(Radio.blog不提供音乐文件的储存),然后把Radio.blog提供的几个文件(其实就是播放界面的文件)安装到自己的空间里。最后,在需要显示此播放列表的网页中添加相应的代码就OK了。
大家可以先看一下示例(点击下面这个连接,在网页底部):
Day After Day | 我们的影像记忆
目前Radio.blog的最新版本是3.1。安装方法如下:
1.下载Radio.blog的最新版本并且将之解压缩。点击进入下载页面
2.将Radio.blog压缩文件解压缩后会有两个文件夹,其中一个是creat.sound文件夹,这个文件夹是用来创建音乐文件的,所以不用上传到自己的空间里,放在自己本地电脑里就行了。
把想要添加的mp3文件拷贝到creat.sound文件夹里,然后运行creat.sound文件夹里的转换程序。这里要注意,转换程序有四个,两个是convert32类型,两个是convert64类型,建议使用convert64类型的。解释一下,这个32和64其实是转换的比率不一样而已,32的转换结果文件比用64的转换结果文件要小一些,但较高的转换比率会提高音乐的播放质量。如果操作系统是winxp就用那个convert64_xp.bat,否则就用convert64.bat。双击convert64_xp.bat(如果是winxp操作系统)后会调出命令行程序,开始转换,转换结束后命令行程序会自动关闭。此时你可以在creat.sound文件夹内的sounds字文件夹中看到经转换后的音乐文件。
3.转换好要添加的音乐文件后就要开始上传到自己的空间里去了。Radio.blog对空间的要求是要支持PHP,XML,和RBS文件的读取。这一点我发现只要是支持PHP的服务器一般都是可用的。当然可能也会有例外。
4.把Radio.blog压缩文件解压缩后得到的另一个文件夹sounds上传到自己空间的根目录(当然你也可以改变sounds为自己喜欢的名字),再把第二步转换的音乐文件上传到sounds文件夹中的子文件夹playlist_1或者playlist_2(当然这里的playlist文件夹你也可以自定义)。
5.ok!要做的已经基本差不多了。最后你需要在想要显示此播放器的网页中加入相应的代码。第一段代码加在网页的<head> 标签之间。
第一段代码如下:
<script type="text/javascript" src="http://stat.radioblogclub.com/radio.blog/radio.blog.js">
</script>
接着把第二段代码加在<body>标签之间。
第二段代码如下:
<div id="radioblog_1" style="margin: auto; width:300px;height:100px;"></div>
<div style="font:10px arial,sans-serif; color:#666666;margin:auto; width:300px;
text-align:center;">
</div>
<script type="text/javascript">
RadioBlog.playlist = 'URL OF YOUR PLAYLIST.PHP';
RadioBlog.cover = '0';
RadioBlog.width = '100%';
RadioBlog.height = '100%';
RadioBlog.color.body = '#FFFFFF';
RadioBlog.color.border = '#BBBBBB';
RadioBlog.color.button = '#999999';
RadioBlog.color.player_text = '#666666';
RadioBlog.color.playlist_text = '#666666';
RadioBlog.color.new_tracks = '#000000';
RadioBlog.start(document.getElementById('radioblog_1'));
</script>
注意:上面代码中上面的两个<div>标签内的width和height属性可以更改成自己想要的尺寸;
RadioBlog.cover = ’0′;(这里0是指没有音乐专辑封面,如果设置为1就会添加音乐专辑封面区域)
后面的一些color属性可以更改成自己喜欢的颜色。
自动播放选项你只要将下列代码添加在RadioBlog.start();语句前面:
RadioBlog.autoplay.trackmod = ’12345678′; // 根据音乐文件的修改时间顺序
RadioBlog.autoplay.title = ‘artiste – title’; // 根据音乐文件的名称顺序
RadioBlog.autoplay.tracknum = ’1′; // 根据音乐文件的数字顺序
你也可以将下列选项语句放在RadioBlog.start();语句之前。
RadioBlog.shuffle = 1; // 随机播放为1,默认为0
RadioBlog.crossfader = 0; // 音量控制为1,默认为1
RadioBlog.replay = 0; // 全部重复播放为1,默认为1
也可以增加播放器的背景选项把下列语句放在RadioBlog.start();前面。
RadioBlog.background = "URL to your image";
关于如何更改成透明效果就不多说了,可以看这里。
OK!大功告成,保存网页后刷新一下就可以看到此Radio.blog播放器了,非常酷。
附注:可能你会觉得Radio.blog要转换音乐文件比较麻烦,其实此播放器支持多种格式的音乐文件,主要支持有:mp3文件,rbs文件,swf文件,rbv文件,flv文件。所以你可以直接将这五种扩展名的音乐文件直接上传至自己的playlist文件夹里而可以不必转换,程序会自动识别音乐。但Radio.blog建议转换的目的我猜可能跟音乐文件的版权有关,不过我觉得转换后的RBS文件体积更小巧了,而且音质基本与mp3相当。所以我个人也是倾向于先转换一下的。
关键词: 使用方法
