给你的 Wordpress 加一个音乐播放器
中华人民共和国二零零七年九月十四日，就是PPku的小F贴出功夫网之歌的第三天，我注册了一个帐号，独自在蓝色理想徘徊，遇见某君，前来问我到，”小弟可曾为大家写了一点什么没有？“ 我说”没有“。他就正告我，”你小子你还是写一点罢；否则GFW会很爱看你的文章。”
这我是知道的，凡我所编辑的博文，大概是因为往往瞎扯淡的缘故吧，流量一向就甚为寥落，然而在这样的生活艰难中，毅然查看每一个字符的就有它。我也早觉得有写一点东西的必要了， 正因为与GFW毫不相干，对于我们，才大抵只能如此而已。倘使我能够相信GFW真的有那么混蛋，连技术文章都不放过的话，那自然可以释然与网络，——但是，现在，却只能如此而已。。。
以上是一如既往的废话，下面是正题：
今天朋友问，我博客上的音乐播放器是怎么集成进去的，于是写出来晒一下。首先，这是一套免费的、开源的音乐播放器，但由于小F兄常年混迹于网络，早已忘记是从哪里抓过来的，于是拿出自己整合以后的播放器代码，也能让你的修改更快一些。
这款播放器主要由三个文件组成：Flash播放器文件(.swf) 播放列表文件(.xml) 以及F**kIE虚框的程序文件(.js)
由于作者并没有将它写成WP的插件，所以目前只能以Wedget形式集成在博客的侧边栏里。集成的原理很简单，就是将swf放在页面上，并且能够让他读到xml播放列表文件。看到这里，你也许认为小F在说废话，直接把三个文件给我，放在博客里面集成一下不就搞定吗？没错，但由于这款播放器不是插件，音乐播放列表无法在后台编辑，所以这篇文章的重点在于播放列表的改造上。
首先在/wp-content/plugin目录下建立文件夹，比如ppkuPlayer，然后将这三个文件转移到此文件夹下。再将.xml文件另存为.php文件，并将内容修改为如下所示：
- <?php
- /*
- Plugin Name: 多媒体播放器 - 歌曲列表
- Plugin URI: http://blog.ppku.com/
- Description: .
- Version: 1.0
- Author: Freddy Deng
- Author URI: http://blog.ppku.com/
- */
- header("Content-type: text/xml; charset=utf-8");
- echo <<< EOT
- <?xml version="1.0" encoding="utf-8"?>
- <playlist version="1" xmlns="http://xspf.org/ns/0/">
- <trackList>
- <track>
- <title>孤单的冲动</title>
- <creator>于娜</creator>
- <location>http://play8.tom.com/uploadfile/???.mp3</location>
- </track>
- <track>
- <title>Change the world</title>
- <creator>Eric Clapton</creator>
- <location>/wp-content/uploads/???.mp3</location>
- </track>
- <track>
- <title>Hurricane</title>
- <creator>Eric Benet</creator>
- <location>/wp-plus/audios/???.mp3</location>
- </track>
- <track>
- <title>Crazy little thing called love</title>
- <creator>Queen</creator>
- <location>/wp-plus/videos/???.flv</location>
- </track>
- <track>
- <title>我爱台妹</title>
- <creator>MC. HotDog</creator>
- <location>http://home.jses.tpc.edu.tw/???.mp3</location>
- </track>
- </trackList>
- </playlist>
- EOT;
- ?>
注意到”echo <<< EOT“ 这句了吗？这个方法相当相当的有用，我现在在Musikr! CMS的开发中也经常会用到，这方面的内容有时间在写。接下来就是在你的侧边栏中加入如下代码：
- <embed src="/wp-content/plugins/ppkuPlayer/mediaplayer.swf" width="190" height="230" allowfullscreen="true" allowscriptaccess="always" flashvars="&displayheight=120&file=/wp-content/plugins/ppkuPlayer/playlist.php&height=230&width=190&lightcolor=0x9999FF&autoscroll=true&autostart=false&repeat=true" />
以后需要添加新歌曲的时候，只需要在Wordpress的后台–>插件–>编辑插件里面，修改【多媒体播放器 - 歌曲列表】就可以了。
OK，这个世界不再清净。。。
文件下载地址：【点击这里】
原来兄台是个技术强人啊！！！佩服佩服！！
@帕兰卓一得 帕兄过奖了啊。。。我就是随便琢磨一下而已：）不过要是有什么能我帮上忙的，小弟随叫随到~呵呵
恩,不错!
不过有个小小的错误噢,是widget不是wegdget.
好像不能工作啊，能否弄得详细点
http://www.foxoy.cn
Freddy兄 感觉你的边栏上面的播放器不错 可否分享下 ^_^
汗。。。 算我没问过。。。
不识庐山真面目，只缘身在此山中！！！！
@Daniel
呵呵，昨天刚刚换了新版本，没看见下载链接不是你的错。。。我也眼晕了。。。
嘻嘻… Freddy 兄果然理解我 呵呵。。 今天终于将Ubuntu升级到 8.04 欣喜阿…
这个可以放视频吗,flv格式,要是能就好了,我测试下,
做个友情链接啊
有意请到孔雀网来看看,留言!
果然可以,音视频具备啊!
要是能出个wordpress的插件就好了
下载文件里面没有.xml文件。请问可以提供吗？
怎么用不了 啊，我按照你的方法安装，在侧边栏看到的只是一个空白框，怎么看不到播放器啊？？
我按照你上面的弄好了，不能自动播放音乐，可以指点下吗？
@星星, autostart改成true
我已经弄好了!~谢谢了!~~
好像最新版的用不了呢.
基本搞定 有个问题请教一下
更换曲目后（从百度搜的外链），播放正常，但博客页面顶部出现曲目信息等，如何删除？
详见俺博客
谢谢
@baboon, 看了一下你的博客，对比了一下咱俩的playlist，你可以在IE下输入这两个网址看看
http://www.baboon1900.com/wp-content/plugins/ppkuPlayer/playlist.php
http://freddy.cc/wp-content/plugins/MusikrPlayer/playlist.php
发现你的playlist没有以XML形式输出。再看一下源代码第一行是
“ ”
注意<?xml部分前面的空格。第一行是声明语句，必须从第一行的第一个字符开始，前面不能有任何其他字符，问题可能就出在这里。
我又检查了一下，发现没有以xml形式输出是因为我删了 header(”Content-type: text/xml; charset=utf-8″); 这段代码。因为当时试图解决这个问题乱做了改动。
现在已经改回，Playlist一样了。代码是从贵博直接复制过去的，除了曲目完全一样。显示问题也依然存在。
最后一句话不太明白……
我的wp是2.7，和这个有关系么？
现在我连歌都照搬贵博代码 彻头彻尾的完全一样……但还是显示……
@baboon, 应该和版本没有关系的。你是否在后台启用了这个插件？这个功能只是利用了插件的可编辑的特性，不能在后台开启，否则有可能会出现你遇到的情况。因为wp的插件都是会预处理的，而这个playlist一旦开启会自动输出。试试禁用这个插件，单纯修改playlist就可以了
@Freddy,
哈，搞定了！果然禁用后正常了
十分感谢！
恩。。我也过来谢谢楼主
@盲流北丐, 哈哈，不客气~新年快乐~！
楼主的方法真是不错啊~~谢谢咯~~
向你请教一个问题，我按照你的方法，加了你推荐的这个播放器，但是在我的页面里怎么现实一个空白的区域，应该是什么问题呢？？？？？请赐教~！
改好了，原来是playlist.php我没有改里面的track，有几首是你服务器上自己的歌曲，多谢博主，对了，你的个人照片现实是用什么插件啊？？感觉很漂亮。
我也很喜欢鲁迅的文章的风格，哈哈
借用了，播放正常，就是难看了点，谢谢