四种WordPress音乐播放器

2011-12-27 BLOG, Study 49

一般博客都会分享一下音乐,如果苦于没有好看的播放器那就是一件悲剧了...前天为了在《圣诞快乐!不同的地域,相同的祝福》里为了插入一首圣诞颂歌因为没有合适的播放器而苦恼,幸好在西门那里找到了,在这里整理分享也给自己留个存档。

这四种音乐播放器个人觉得如果要稳定性当属前三种为佳,毕竟播放器文件由自己控制,如果只求一段时间或者单个文章里想要好看的播放器样式当然非第四种莫属,错误者在圣诞祝福文章里就是使用了第四种方法提供的JS代码直接插入播放器的,虽然现在歌曲地址可能已经失效了,不过那种时效性很强的文章也不求能永久播放下去。

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

<embed src="https://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&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](去掉空格,中间的是音乐地址)

示例:

三、无意间在逐末网志里面看见的,也很美观,不过他还加了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://ons.me/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](去掉空格,中间的是音乐地址)

示例:

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

(以上选摘自西门的后花园

65 条评论

发布评论