Sep 14

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

分类：Wordpress开发 | | 给我留言

　　中华人民共和国二零零七年九月十四日，就是PPku的小F贴出功夫网之歌的第三天，我注册了一个帐号，独自在蓝色理想徘徊，遇见某君，前来问我到，”小弟可曾为大家写了一点什么没有？“ 我说”没有“。他就正告我，”你小子你还是写一点罢；否则GFW会很爱看你的文章。”

　　这我是知道的，凡我所编辑的博文，大概是因为往往瞎扯淡的缘故吧，流量一向就甚为寥落，然而在这样的生活艰难中，毅然查看每一个字符的就有它。我也早觉得有写一点东西的必要了， 正因为与GFW毫不相干，对于我们，才大抵只能如此而已。倘使我能够相信GFW真的有那么混蛋，连技术文章都不放过的话，那自然可以释然与网络，——但是，现在，却只能如此而已。。。

　　以上是一如既往的废话，下面是正题：

　　今天朋友问，我博客上的音乐播放器是怎么集成进去的，于是写出来晒一下。首先，这是一套免费的、开源的音乐播放器，但由于小F兄常年混迹于网络，早已忘记是从哪里抓过来的，于是拿出自己整合以后的播放器代码，也能让你的修改更快一些。

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

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

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

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

注意到”echo <<< EOT“ 这句了吗？这个方法相当相当的有用，我现在在Musikr! CMS的开发中也经常会用到，这方面的内容有时间在写。接下来就是在你的侧边栏中加入如下代码：

  1. <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，这个世界不再清净。。。

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

IE下的Web开发插件 开始体验 VS 2008 BETA2
  • 标签 :  , , , ,
  • 原文链接 : http://freddy.cc/article/124
  • 转载原创文章请注明 : 狗头猪脑
  • 收藏到 : Google书签 新浪ViVi 365Key网摘 天极网摘 我摘 POCO网摘 博采网摘 YouNote网摘 和讯网摘 博拉网 igooi网摘 I2Key网摘 天下图摘 百特门网摘 Del.icio.us Yahoo书签 奇贴 QQ娱乐摘 添加到Digg! 添加到Facebook!

    • 14条评论

    • At 2007.09.16 20:49, 帕兰卓一得 said:

      原来兄台是个技术强人啊！！！佩服佩服！！

      [Reply]
      • At 2007.09.17 13:00, Freddy said:

        @帕兰卓一得 帕兄过奖了啊。。。我就是随便琢磨一下而已：）不过要是有什么能我帮上忙的，小弟随叫随到~呵呵

        [Reply]
        • At 2008.01.01 14:21, Aaron said:

          恩,不错!
          不过有个小小的错误噢,是widget不是wegdget. :-)

          [Reply]
          • At 2008.01.03 21:20, foxoy said:

            好像不能工作啊，能否弄得详细点
            http://www.foxoy.cn

            [Reply]
            • At 2008.03.12 02:27, SOULBOOKS » Blog Archive » 【搜唱机】失明前我想记得的四十七件事 said:

              [...] 西西，今天又琢磨了一个插件。使用方法详见给你的WordPress加一个音乐播放器。 [...]

              [Reply]
              • At 2008.04.08 08:54, Stanley的 World said:

                音乐播放器…

                在 http://blog.ppku.com/article/124 找到一个音乐播放器
                我以前在论坛用过的 那是 Jw FLV Media Player 很好用可以播放flv, mp3
                把playlist改成php 就能从后台编辑 playlist 厉害！

                ……

                [Reply]
                • At 2008.05.04 12:44, Daniel said:

                  Freddy兄 感觉你的边栏上面的播放器不错 可否分享下 ^_^

                  [Reply]
                  • At 2008.05.04 12:48, Daniel said:

                    汗。。。 算我没问过。。。

                    [Reply]
                  • At 2008.05.04 12:49, Daniel said:

                    不识庐山真面目，只缘身在此山中！！！！

                    [Reply]
                    • At 2008.05.04 15:01, Freddy said:

                      @Daniel
                      呵呵，昨天刚刚换了新版本，没看见下载链接不是你的错。。。我也眼晕了。。。

                      [Reply]
                      • At 2008.05.06 10:50, Daniel said:

                        嘻嘻… Freddy 兄果然理解我 呵呵。。 今天终于将Ubuntu升级到 8.04 欣喜阿…

                        [Reply]
                    • At 2008.08.08 16:42, 孔雀网 said:

                      这个可以放视频吗,flv格式,要是能就好了,我测试下,
                      做个友情链接啊
                      有意请到孔雀网来看看,留言!

                      [Reply]
                      • At 2008.08.08 16:43, 孔雀网 said:

                        果然可以,音视频具备啊!
                        要是能出个wordpress的插件就好了

                        [Reply]
                        • At 2008.11.18 20:57, 哇拷 said:

                          下载文件里面没有.xml文件。请问可以提供吗？

                          [Reply]
                          (Required)
                          (Required, will not be published)