给你的 WordPress 加一个音乐播放器

Posted on | 十一月 16, 2009 | 3 Comments

首先，这是一套免费的、开源的音乐播放器， 

　　这款播放器主要由三个文件组成：Flash播放器文件(.swf) 播放列表文件(.xml) 以及F**kIE虚框的程序文件(.js)

　　由于作者并没有将它写成WP的插件，所以目前只能以Wedget形式集成在博客的侧边栏里。集成的原理很简单，就是将swf放在页面上，并且能够让他读到xml播放列表文件。看到这里，你也许认为小F在说废话，直接把三个文件给我，放在博客里面集成一下不就搞定吗？没错，但由于这款播放器不是插件，音乐播放列表无法在后台编辑，所以这篇文章的重点在于播放列表的改造上。

首先在/wp-content/plugin目录下建立文件夹，比如ppkuPlayer，然后将这三个文件转移到此文件夹下。再将.xml文件另存为.php文件，并将内容修改为如下所示：

<?php
1. /*
2. Plugin Name: 多媒体播放器 – 歌曲列表
3. Plugin URI: http://blog.ppku.com/
4. Description: .
5. Version: 1.0
6. Author: Freddy Deng
7. Author URI: http://blog.ppku.com/
8. */
9. header(“Content-type: text/xml; charset=utf-8“);
10. echo <<< EOT
11. <?xml version=”1.0″ encoding=”utf-8″?>
12. <playlist version=”1″ xmlns=”http://xspf.org/ns/0/”>
13.     <trackList>
14.         <track>
15.             <title>孤单的冲动</title>
16.             <creator>于娜</creator>
17.             <location>http://play8.tom.com/uploadfile/???.mp3</location>
18.         </track>
19.         <track>
20.             <title>Change the world</title>
21.             <creator>Eric Clapton</creator>
22.             <location>/wp-content/uploads/???.mp3</location>
23.         </track>
24.         <track>
25.             <title>Hurricane</title>
26.             <creator>Eric Benet</creator>
27.             <location>/wp-plus/audios/???.mp3</location>
28.         </track>
29.         <track>
30.             <title>Crazy little thing called love</title>
31.             <creator>Queen</creator>
32.             <location>/wp-plus/videos/???.flv</location>
33.         </track>
34.         <track>
35.             <title>我爱台妹</title>
36.             <creator>MC. HotDog</creator>
37.             <location>http://home.jses.tpc.edu.tw/???.mp3</location>
38.         </track>
39.     </trackList>
40. </playlist>
41. EOT;
42. ?>

注意到”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，这个世界不再清净。。。

文件下载地址：【点击这里】

相关文章:

1. 优化你的 WordPress 之精简 HTML 代码（进阶篇）
2. 7 Must Have WordPress Plugins For Every Blog
3. WordPress 永久链接以及在各种平台上的实现方法
4. How to: Display any rss feed on your WordPress blog【Z】
5. How to: Create and use WordPress page templates

评论|Comments

About

订阅

Search

Admin

• 登录
• Wordpress
• XHTML
•