为live space打造超酷的flash mp3 player(支持播放列表)

Nov 21, 2007

乍看这个标题，可能有的人会问，live space自带的windows media player不就可以播放音乐么，为什么要再找一个？这还得从linux说起。

自从体验了ubuntu下绚丽的动态桌面和更友好的界面，再加上它一如既往的安全和稳定，我被深深地吸引了，开始计划逐步向linux过渡。其中最重要的就是找到win下常用软件在linux下的替代品。很多linux下著名的软件是支持跨平台的，又或者像google引导的网络化软件，都为我们提供了很好的选择。比如浏览器，我就从基于ie的the world转到firefox，收发邮件从outlook express转到thunderbird，收集笔记从evernote转到google notebook。不过目前有一个还离不开ms阵营，live messenger和相应的space了，因为和亲朋好友联络就靠它了。

下面开始进入正题，首先firefox作为浏览器很好用，尤其是安装了常用插件后，但唯一的问题是对wmp的支持不是很完善，虽然有一个插件，但只能在 win和mac下用，而且live space的wmp在我的xp系统的firefox里无法显示。而flash却能很好地被firefox支持，无论在win还是linux下。另外一个原因不选择wmp就是因为它不够灵活，窗口大小没法调整，visualization不能取消，一般只能播放单首歌曲。

接着就该今天的主角出场了。这个由flash编写的mp3 player最初出自下面这个网站
http://www.jeroenwijering.com/?item=JW_MP3_Player
程序主体由mp3player.swf和playlist.xml组成。由于flash的局限，它只能播放mp3文件。作者同时提供了源码，所以后面就出现了很多改版，比如支持中文显示，更fancy的界面。在中文社区很流行的是小绿人修改版，不过他提供的方法还需要通过wmp来播放那个swf文件。由于现在的live space已经支持自定义的html模块了，所以我就来尝试一下直接内嵌flash的方法。

1) 下载播放器，包括mp3player.swf和playlist.xml（考虑使用习惯我将原来的mp3player.xml改为了playlist.xml）。然后编辑playlist.xml，格式很简单。在player标签里有设置播放参数，比如显示波形表，播放列表，自动播放等。每首歌为一个song标签，自己添加文件地址和标题（此版本已版支持中文，不过需要注意xml要用UTF-8编码，否则中文不能显示出来，播放器会提示找不到xml文件）。

<player showdisplay="yes" showplaylist="yes" autostart="yes">
<song path="mp3文件地址" title="歌手-歌名" />
</player>

2) 将mp3player.swf和playlist.xml上传到同一个主页空间。推荐100M的google page，速度快，地址简单。3) 在live space添加custom html模块，参考jw的说明文件提供的例子，将如下代码拷入自定义html区。

<embed src="mp3player.swf文件地址" quality="high" type="application/x-shockwave-flash" wmode="transparent" flashvars="playList=playlist.xml文件地址" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="never" allownetworking="internal" height="120" width="140"></embed>

其中 mp3player.swf和playlist.xml的地址要替换为你上传空间相应的地址。我这里将模块放在右边栏，所以尺寸设为140×120。

4) 修改保存后，回到主页就应该能看到播放器了。

补充：
一 般的音乐文件可以从baidu, sogua等地方搜索，如果自己已经有的，可以转换或压缩成小码率的mp3。转换的软件推荐千千静听，一款和winmap很像的国产播放器。为了保证和 flash兼容，转完的mp3文件需要注意采样率应尽量为11k, 22k, 44k, 其他频率的会出现快放或慢放的问题，转换后的码率一版可以选64kbps，5分钟的文件也就2M。上传音乐文件的地方除了google page，还可以选择boxstr，5G空间，有本地上传工具。

以上就是自己diy的播放器了，除此之外还有一些网站提供在线生成播放器代码，可以有更多样式选择，比如http://www.myflashfetish.com/。

对怎么做这个播放器感兴趣的朋友还可以看看这个教程，很详细。
Flash MP3 Player Tutorial