格物往事

介绍四种WordPress音乐播放器

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

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

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

  1. <blockquote>&lt;embed src=“http://ons.me/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  
  2. <code><br></code>&amp;autoplay=1″ height=“20” width=“160” wmode=“transparent” type=“application/x-shockwave-flash” /&gt;</blockquote>  

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

示例:

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

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

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

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

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

示例:

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

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

  1. <blockquote>function music1player($atts$content=null){   
  2. extract(shortcode_atts(array(“auto”=&gt;’0′),$atts));   
  3. return &lt;&lt;&lt;HTML   
  4. &lt;embed type=“application/x-shockwave-flash” src=“http://ons.me/wp-content/uploads/2010/05/audio_player.swf?audio_file={$content}&amp;color=84cfe7” height=“35” width=“200” quality=“best”&gt;&lt;/embed&gt;   
  5. HTML;   
  6. }   
  7. add_shortcode(‘music’,’music1player’);</blockquote>  

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

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

示例:

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

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

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

退出移动版