WordPress 非插件集成音乐播放器

2011.07.27 32 Comments 15,857 次阅读

今天有朋友给小武留言,向我所以本博客的播放器。于是乎,我写了这篇文章,折腾一下短代码。

要集成音乐播放器,我们得先找一个音乐播放器,Google一下“网页音乐播放器”,你可以找到各种各样的音乐播放器。比较出名的有Dewplayer、 WordPress Audio Player等。不过……呃Dewplayer不能调整音量,进去条很奇怪;WordPress Audio Player显示的歌曲名只对英文支持比较好,虽然可以自定义配色,但是样式毕竟太旧了。找来找去,还是国货最高~我们悄悄偷来豆瓣的音乐播放器,有进度条、能调整音量,虽说没有显示歌曲名,但是要放什么音乐我想博主应该是会说的吧!
flash播放器预览↓
https://www.douban.com/swf/player.swf

开始代码了。上面是集成进来的豆瓣音乐播放器。

首先,下载播放器。然后为了省事,直接把player.swf文件丢到主题目录好了。
(请用迅雷下载 http://www.douban.com/swf/player.swf 普通下载会被豆瓣的服务器挡掉)

然后、编辑主题的 functions.php 文件。将下面的代码加入到其中。
(注意:为了方便新手修改,我就直接这样说吧,functions.php的第一行有个<?php,把代码添加到第二行)

function doubanplayer($atts, $content=null){
    extract(shortcode_atts(array(“auto”=>’0’),$atts));
    return ‘<embed src=”‘.get_bloginfo(“template_url”).’/player.swf?url=’.$content.’&autoplay=’.$auto.’” type=”application/x-shockwave-flash” wmode=”transparent” allowscriptaccess=”always” width=”400” height=”30”>’;
    }
    add_shortcode(‘music’,’doubanplayer’);

再然后?就没有再然后了……

我们开始调用这个播放器吧。写文章的时候用HTML模式插入下面这一段

[/cce_html]

默认不会自动播放的。如果想要自动播放的话可以用下面的代码:


以上,很简单吧。

文章参考了良心修改的代码。

32 Responses
Comment (32)
Trackback (0)
  • #-14
    山寨吧 :

    这个方法我移植到EMLOG就不行了,那个不支持add_shortcode

    2012.12.24 09:57 Reply
    • 周良 :

      嗯,我只折腾Wordpress

      2012.12.31 20:43 Reply
  • #-13
    周良 :

    我更新文章了,你可以重新来看看,现在没问题了

    2012.07.4 11:40 Reply
  • #-12
    银月 :

    播放器有了音乐放不出来了呢

    2012.07.4 11:22 Reply
    • 周良 :

      可以播放的,看看播放器有没有上传到主题内,路径有没有错误

      2012.07.4 11:39 Reply
      • 银月 :

        已经弄好了 不过发现点问题啊 想再听的话......怎么点都没有效果.只能刷新网页? :idea:

        2012.07.4 11:50 Reply
        • 周良 :

          再听可以的啊,不会出问题的。我不清楚你那边什么情况

          2012.07.4 12:03 Reply
          • 银月 :

            播放过一次之后 再点击就会自动的停止
            http://www.qisinet.com/index.php/160.html

            2012.07.4 13:23 Reply
            • 周良 :

              把进度条,拖回原位,然后在播放

              2012.07.4 16:28 Reply
              • 银月 :

                播放条是自动回到前端的 而且我也实验了拖回了原位再播放 遗憾的是还是不能播放 点一下有点声音立即就停止了 很是无奈啊 这个个浏览器有关系吗?我的是IE9 还有chrome,都是这个样子!纠结 :cry:

                2012.07.5 11:50 Reply
                • 周良 :

                  不清楚了,我没有仔细研究过。这个播放器我这个博客不经常用

                  2012.07.5 12:01 Reply
                  • 银月 :

                    额 我设置成循环播放吧 [眨眨眼]

                    2012.07.5 12:33 Reply
  • #-11
    九江网 :

    反复播放应该怎么耍啊 我搜索这玩意进来的 悲催。。 :!:

    2012.03.29 13:11 Reply
  • #-10
    July :

    原来是这篇,我是从良心那里看来的……

    2012.03.9 21:30 Reply
  • #-9
    readsth :

    搞定!谢啦 :grin:

    2012.02.17 19:39 Reply
  • #-8
    netyang :

    有两段的代码空了噢

    2012.01.16 13:23 Reply
  • #-7
    先看看 :

    这个用了会搞的网站很慢吧

    2011.07.28 15:32 Reply
    • 周良 :

      @先看看 : 你觉得我网站快不快?我这个主题里面集成了很多 :grin:

      2011.07.28 18:37 Reply
  • #-6
    武汉SEO :

    生活博客需要这个 呵呵

    2011.07.28 09:59 Reply
    • 周良 :

      实际上作为留言板背景音乐也可以,或者自己加载footer.php里,作为网页的背景音乐~

      2011.07.28 10:03 Reply
  • #-5
    七七 :

    必须再来支持一下!

    2011.07.28 09:18 Reply
    • 周良 :

      @七七 : 谢谢朋友,我觉得您应该注册一个Gravata头像,这样会好一点~·~~http://pssheji.com/wordpress-head.html这个是教程

      2011.07.28 09:22 Reply
  • #-4
    陈连龙 :

    wordpress用了这么久 还真没注意到呢

    2011.07.28 09:10 Reply
    • 周良 :

      最近在弄一款主题,集成了一些短代码....都是我手上的收费主题有使用的,这几天好好研究一下,还有flv播放器什么的都集成进去

      2011.07.28 09:19 Reply
  • #-3
    闵哲 :

    :smile:

    2011.07.28 08:00 Reply
    • 周良 :

      谢谢~

      2011.07.28 08:01 Reply
    • 周良 :

      @闵哲 : :grin:

      2011.07.28 08:06 Reply
  • #-2
    啊木木木木 :

    我比较喜欢mp3那个播放器!

    2011.07.27 22:10 Reply
    • 周良 :

      这个我也蛮喜欢的,以后写吧~

      2011.07.27 22:19 Reply
  • 还没有Trackback
Leave a Reply