Let's whisper

　　自从我建博开始就陆续有帅哥来问：whisperer同学，你主页的音乐播放器怎么弄的哇？我每次都会说用flash-mp3-player插件...bla bla bla...也不知道有人回去设置满意过没。mp3player是一个很不错的网络播放器，在百度空间的时候我就已经用上了，转战到WordPress之后，幸运地发现了一个不错的插件依然可以实现。今天我就较详细的介绍一下，我是如何在WordPress的侧栏放置一个flash mp3 player。

　　首先自我批评一下，很多情况下，我喜欢鱼胜过渔，不管是别人给还是给别人，这样不好，不好……

　　我用的 Charles 做的 flash-mp3-player 插件，这个插件最新版本是10.0.7，如果你喜欢，可以用这个版本。我用的是9.3.31。这个两个版本差别巨大。

1、安装flash-mp3-player插件

普通插件的安装方法，此处省略XX字。

启用插件。

2、配置播放器和添加播放列表

进入WordPress的管理页面，“设置”一栏中，应该有一个“Flash Mp3 Player”。下面就是一些选项了，很好理解，也很好配置。

Player Properties：

Show upper panel, yes or no?  是否显示头部的面板，建议填yes

Show play list, yes or no?  是否显示播放列表，建议填yes

Auto start, yes or no?  是否自动播放，可填参数yes，no，random，5。分别是自动播放（第一首开始按顺序播放）、不自动播放、自动随机播放、自动从5首开始播放，当然了，第几首开始你来决定。注意一下后台这个播放列表的序号0其实是第一首。

播放列表编辑很方便，支持从后台直接编辑。这也是我选用插件而不是直接嵌入flash的原因之一。如果你不怕麻烦，可以去编辑那个 playlist.xml ，位置在 /wp-content/fmp_my_playlist/ 下。仅支持mp3格式的音乐。

3、在sidebar调用flash mp3 player

方法一：在WordPress的后台widget里，有一个flash mp3 player的widget，添加到侧栏就可以了。填写一下mp3player.swf的宽度和高度。设置播放器标题（最好把标题留空，美观嘛）。

这个方法的缺点是在每个页面都会有播放器，很明显没有必要。我用的是下面的方法二，只在首页显示播放器。

方法二：直接在sidebar.php里调用。在你的sidebar.php中合适的位置添加以下代码：

所谓合适的位置，除了你想要显示播放器的位置外，还有，要确保你在用后台其他widget时依然可以正常显示播放器。比如在iNove主题中，你需要把上面代码放到 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('north_sidebar') ) 以外的部分。

4、调整css

对外观要求比较高的同学用在style.css里调整一下就可以了。

比如，调整位置，隐藏标题：

5、定制播放器外观

这个插件自带的 mp3player.swf （作者不是Charles）既窄又长还丑。我们可以自己设计一下这个播放器，更改配色，宽度，高度等等。下面我提供3种不同的款式，包含源文件提供下载。只要会一点点flash就可以修改，相信同学们都展示自己的个性来。设计好之后覆盖原来的mp3player.swf即可。

这仅仅是我目前是用的方法，并不代表是唯一或者最好的，如果你有更好的方法，请告诉我一下。另外我还是刚刚接触WordPress、php、js等等，有错误的地方很正常，恳请指正。  

最后做一个小小调查，关于是否自动播放的问题。昨天有N个同学让我关闭自动播放，在第N+1个同学要求的时候，我给关了。

相关下载：

 flash-mp3-player.zip

 3种样式的mp3player及其源文件.zip