西门的后花园

一个热爱网络的年轻人的博客

介绍四种WordPress音乐播放器20101201更新

一般博客都会分享一下音乐,比如我之前发的天上没有乌云盖,当时苦于没有好看的播放器…只能用别人的了,现在我有了,而且有好多款,所以发上来提供大家分享咯!

一、(此网站失效,请忽略

二、然后就是很多博客主页右侧都会有的一个小播放器,在这里感谢海上铁匠,是找他要过来的代码,代码如下:

<embed src=”https://ximan.org/wp-content/uploads/2010/05/music_player.swf” flashvars=”mp3=http://dg.tgbus.com/file/3/091022/463644.mp3|http://img.3bu.cn/ring/ring/200708071156984.mp3&autoplay=1″ height=”20″ width=”160″ wmode=”transparent” type=”application/x-shockwave-flash” />

可以放到文章里面(HTML界面加),也可以放到你sidebar.php合适的地方,他就会出现在页面右侧了。

示例:

第二排mp3后面的地址就是音乐地址,多首歌用“|”链接,最后的autoplay=0就是自动播放和手动播放。0为手动,1为自动。

三、第三种是找木木要的,感觉还蛮漂亮的,就收下了,需要下载一个播放器,点我下载。把这个flash文件上传到你主题目录下面,然后在这个目录里找到functions.php文件,里面应该有个function方法吧,加到上面就对了。因为下面这段代码也是一个function方法:

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

每次编辑文章要添加播放器时,使用代码

[m p3]http://slideshow.hungctran.com/KateTaiWedding/music.mp3[/m p3](去掉空格,中间的是音乐地址)

示例:[mp3]http://slideshow.hungctran.com/KateTaiWedding/music.mp3[/mp3]

最后一种,是昨天无意间在逐末网志里面看见的,也很美观,不过他还加了CSS做修饰,我把修饰都删了,光溜溜的播放器上阵!

依然找到主题文件夹下面的functions.php文件,同样的位置加上代码:

function music1player($atts, $content=null){
extract(shortcode_atts(array(“auto”=>’0′),$atts));
return <<<HTML
<embed type=”application/x-shockwave-flash” src=”https://ximan.org/wp-content/uploads/2010/05/audio_player.swf?audio_file={$content}&color=84cfe7″ height=”35″ width=”200″ quality=”best”></embed>
HTML;
}
add_shortcode(‘music’,’music1player’);

每次编辑文章需要添加播放器时,使用代码

[mu sic]http://slideshow.hungctran.com/KateTaiWedding/music.mp3[/mu sic](去掉空格,中间的是音乐地址)

示例:[music]http://slideshow.hungctran.com/KateTaiWedding/music.mp3[/music]

以上四种我应该会使用第三、四种,比较漂亮吧,其实原理都是差不多的,只是后面三种方法用的代码都不同。我试着把第四种改成第三种那样的PHP代码,但是以失败告终,看来学习PHP对玩转WordPress相当重要啊,还真得抽时间了解下PHP。以上flash全部存到我的博客,除非我博客挂了,否则播放器永久有效哈!如果你怕万一,请找.swf的文件自行下载存放到本地。

20101201更新,因为第一种方法的网站已经失效,打不开网站,所以这次更新的是第一种方法一样的网站,都是只要一个MP3地址就可以生成一个播放器的。

五、http://www.51119.com/play/,提供三种不同样式的flash播放器,填写MP3链接和一点选项即可,可以自定义播放器的颜色(此网站第一款播放器可以放多首歌)。

评论列表

  1. 第一种常用,后面三种也挺漂亮的

    • 你动作还真快。第一种我还是今天才知道的,确实很方便。不过我更喜欢用后面的,美观。

  2. 第一种不是AudioPlayer插件么,我喜欢第三种

  3. Skydrive有可以获取真正外链的油猴脚本

  4. 有没有带列表的呀??

  5. zb也可以用么?

    • 第一、二种ZBLOG可以用,三、四种都是PHP语言,所以不能用。如果你细心而且懂代码的话,其实都可以用第二种方法,换个flash而已。

  6. 学习了..呵呵..感谢分享

  7. 我原来用的第二种。。

  8. 不知道WP有没有那种侧栏防刷的播放器,以前PJ有好多,但是现在没人怎么用这些东西了,尤其是WP,几乎看不见这玩意!

    • 哈哈,我懂你的意思,就是无刷新的那种,不管点到哪个页面,播放器一样播放歌曲。我觉得右侧不可能有这种,或许JS调用的右下角,也许有吧。

  9. 第三个挺漂亮啊 😛

  10. 挺好的,我一般写文章时直接插代码。音乐文章中音乐比较少。

  11. 看上去不错啊 改天也弄个玩玩

  12. 对第一种有爱,很多博客也是用的第一种。

  13. 之前用过audioplayer,可恨的是一直在缓冲。。

  14. 哎,zblog的可惜了

  15. 我喜欢第二种 不过我也是zblog的

  16. 这篇文章好,有用!用过前两种。

  17. 第一种很漂亮、。、

  18. 我喜欢 又改少了一插件了吧

  19. 你好!
    请教一个问题:我用的是dewplayer的插件,可是在feed(GReader)中不能播放,不知何故?非常感谢!

  20. 请教下 这种函数是怎么学的啊?

  21. 😳 谢谢分享

    • 呵呵,应该的,我发现好多朋友搜索WordPress播放器啊,不过建议你博客把播放器调为手动播放哟! ❗

      • 呵呵,已经改成手动播放了 。 😐

        顺便问一句,你那边能否收到留言的邮件? 我也装了Mail to Commenter,虽然我已经按照别人的方法改了,不过好像邮件还是发不出去,如果收到了能否转个给我看看是什么效果,多谢。

        • 没收到,你回复了我的留言没?

          • 可以收到你的。。。看样子还是我设置的问题,但是奇怪的是插件里有个测试功能,我测试没问题,但是别人还是收不到 ❓

            • 我用的不是Mail to Commenter,在我最近的文章里面有提到我用的类似插件。
              我是用其他邮箱回复,然后自己再回复测试的,你也多测试几次吧,不然去网上找找方法。

  22. 博主使用的是第二种吗,为啥我按照您的办法在边栏加上后没有您这种效果呢。另外音乐外链可以找我,我给你足够的空间存音乐。我的blog是单独服务器的,长期开放。

    • 你的博客错位了,估计是改代码造成的吧。
      我是用的另外一个代码,如果您需要我一样的播放器,可以加我QQ,QQ=邮箱。

  23. elsa

    博主,我用的是wordpress .com网站博客,在text 文本中输入代码,但是无法实现自动播放。我使用的是autostart=1 但是无法实现,请问博主可有更好的有效代码?谢谢了~!

    • 首先我不知道wordpress .com的博客支不支持修改代码,其中第三、四种都是需要修改php代码的。如果不支持修改代码,只能用第二种了,第二种是HTML代码,其中autoplay=0的0是手动播放,如果改成1,就是自动播放。第一种在线生成的播放器网站挂了,近期我再加几款后来知道的漂亮播放器,谢谢关注。 ❗

  24. elsa

    我在wiget text 文本中输入的是这样形式的代码:[audio http://音乐网址.mp3|loop=yes|width=170|autoplay=1] 但是输入完后仍然不自动播放~ 找不到原因恩~。 🙁

  25. elsa

    这个是关于audio 代码的帮助说明~ http://en.support.wordpress.com/audio/ 我选的是第一个方案,具体代码见之前留言。 我按照他的介绍在text代码筐里填写了代码,可以使用。
    但是无论我怎么修改autoplay的句子,打开博客后都不会实现自动播放,不管用,需要手动。
    我的这个博客不是用下载的wordpress软件搭建的,而是在wordpress .com上直接注册使用的。好像和之前你介绍的不太一样。留言里面无法发截图给你哦~

  26. 恩,不错哈···

  27. 哈哈,谢谢你的播放器了!但是我用的你的2010/06/dewpalyer.swf,这个更安逸,连歌一起收了··· :mrgreen:

  28. 第二种方法用https://ximan.org/wp-content/uploads/2010/05/mp3player.swf这个播放器怎么不行?

    • 这一种不要用我的播放器,因为带里面的链接是连到主题目录下mp3player.swf文件的。我上面也说了,要把这个flash下载上传到你博客主题目录下。这个播放器我前不久还用了的。

  29. 哦。。。。音乐分享里的歌。。很有内涵。。。

  30. 您好。我用加入代码到sidebar.php这里的方法。可以自动播放。但是请指教如何让自动播放且能一直循环呢?十分感谢。

    • 请问你是用的第几种方法,我好测试一下。 🙄

      • 用的这个:

        示例:

        然后就是很多博客主页右侧都会有的一个小播放器,在这里感谢海上铁匠,是找他要过来的代码,代码如下:

        可以放到文章里面(HTML界面加),也可以放到你sidebar.php合适的地方,他就会出现在页面右侧了。

        • 如果一首歌,我怎么设置都不能重复…但是如果是两首,默认就是可以重复的,所以我没注意到这个问题。你可以复制我上面提供的代码(刚刚编辑过),粘贴到新建空白页面上试试效果,那两首铃声是可以重复播放的。

  31. 十分感谢您的在线。我在线刷新页面等…..

    麻烦了

  32. elsa

    西门,你觉得 wordpress 博客好用呢 还是blog.com的博客好用些?

    • 说时候,他们都是博客运营商,我不是很了解。我唯一用过的就是QQ空间,如果你不想买空间搭建博客,用新浪吧,人多朋友才多。

  33. 给个小提醒,那个日志里面,[mp 3]那里不用加空格的,直接在源代码那儿插入一些东西就行了,比如mp3,这样就不会被置换掉,而且也不会影响美观。

  34. 啊,其实是说[mp3],就是加上之类的代码

  35. 为什么被过滤掉了……就是……

  36. 就是strong……

  37. 我也是用第一种,还是不错的 😈

  38. 第二个比较好看

  39. 感谢西门哥分享,不客气的抱走绿色的那个了~~ :mrgreen:

  40. 其他的,可能跟我个人想法有关,我的wp其实不打算设置首页音乐,
    只在养心斋的带有[Music]标题字样的文章直接添加背景音乐,
    多个不同文章可能打开就直接播放不同音乐,
    当然,部分音乐哪天可能会失效吧,不过倒是无所谓了

    • 依然在寻找更好看的播放器。我首页放播放器只是因为我想分享一下我喜欢听的歌,至于大家听不听是另外一回事,反正不会自动播放的。

  41. 恩~~~简洁的风格~~喜欢~~~

  42. 第二种飘过““““

  43. boxstr.net 专门用来外链的,免费版每天1G流量限制,速度很赞

  44. 谢谢,我也已经使用那个方法了!

  45. 第一种链接打不开?

  46. kzdhcster

    谢谢博主,学到新东西,另请问侧边栏的音乐播放器的代码不知道放到sidebar.php哪个位置合适呢?我看来看去都不知道哪一行才对。
    我是一个会开车,不会修车的司机! :mrgreen:

  47. 会不会造成服务器卡?看博客慢慢的?

  48. Skade

    第四种不用下载第三那种的那个文件吧?应该在functions.php 哪个地方插入

    • 三、四种都是一样的道理,如果使用我贴出来的代码,不用下载flash文件,代码里.swf之前的就是这个播放器的flash。
      functions.php里面有很多function,在一个function后面贴就可以,我这段代码也是一个function,多看一下就看得出规律。

  49. 来晚了,第一种没有看到。第三个拿走了啊,^_^。对了那首bye bye bye是谁唱的呀?

  50. 我用了第二种,可以已进入日志网页又重新播放,是否有解决办法?

  51. 我用了第二种,但是不能自动播放,无论改为0或1,都只能手动,请问这怎么改呢?

  52. 我用第二种方法,加了 Loop=true 为什么不循环?

  53. 真不错,收藏了

  54. 木木哪个播放器我下载不了啊

  55. 大山

    请问音乐本地链接的地址格式是什么样的,本地电脑音乐放在哪个文件夹,我用的是wordpress

  56. 播放器 代码 是写文章的时候直接粘贴到文章里么 请问?

  57. 有个叫blogcastone的好像不能用 了啊,可惜啊!!

  58. 我估计我的好像比你的好看很多….

  59. google搜过来啦~不过,木木那里有一个直接输入链接的新方法,我在找替换 的播放器。囧。。

  60. 也是搜过来的,直接用了第二种方法,感谢啦!~

  61. 当音乐文件大于2M时怎么上传啊,我所有的上传的文件,上传限制都是2M,可以通过ftp上传,但是,上传成功了以后,在wordpress后台编辑的时候找不到上传的文件,这是为什么呢?

  62. 😥 Skydrive音乐永久外链不会弄,求助,感激不尽

  63. 楼主你好,那个第二个播放器我把代码加进去了不是自动播放的!请问下要怎么修改代码,我不是很懂

  64. 大树

    最后个 那个网站咋歌曲不能播放呢

  65. gigi

    用了第二种 很好 但是好像音乐不能循环播放 请问如何设置呢?

    • 这个就要改flashvars里的参数了,具体要去搜官方文档,有什么1啊0啊的控制。&autoplay=1就是其中某一个参数,我也忘了是什么意思了。

  66. bobo

    请问第三种 播放器 js 怎么控制 播放 有对应的接口吗?

  67. 我想照办你的音乐播放器包括里面的音乐可以吗?不可以的话,告诉我第一首英文歌是什么啊

  68. 这首歌网上找不到,不介意的话能不能把音乐器包括音乐的整个代码给下?谢谢

  69. 感觉酷狗云音乐的播放器最美观…

  70. 我还是不太懂,假如加了这个音乐播放器,那如何加入自己喜欢的音乐?

  71. 不错,都挺漂亮

  72. TONY

    请教下,我想插入实时的流媒体,怎么设置啊?类似于”网络广播“,,

    谢谢。。

  73. 豆瓣版本的那个能不能自动播放?

  74. 好棒啊~谢谢博主了

  75. 博主很强大,收藏了

  76. 以前用的博主提供的方法.后来用了dewplayer
    http://www.alsacreations.fr/dewplayer.html 有多种形式可选,过来回馈一下~ 我的网站正在用。
    目前正在寻找切换文章音乐保持播放的办法,但是还没找到。。。博主知道么

  77. 😈 🙄 好喜欢,好感动。谢谢分享。

  78. 😈 🙄 好喜欢,好感动。谢谢分享。多谢了大佬。

  79. 感谢提供,已经搞定,预览页面:www.zhangpeiyang.com

  80. 请问第三种想自动循环播放 代码应该怎么改呀 谢谢哈 😛

  81. 西门,看看你文章中海上铁匠的链接,不谢。

  82. flash有个缺点就是对移动平台支持不好,现在流行html5

创享·生活进行回复 取消回复

分类目录