今天有朋友给周良留言,向我所以本博客的播放器。于是乎,我写了这篇文章,折腾一下短代码。
要集成音乐播放器,我们得先找一个音乐播放器,Google一下「网页音乐播放器」,你可以找到各种各样的音乐播放器。比较出名的有 Dewplayer、 WordPress Audio Player等。
不过……呃 Dewplayer 不能调整音量,进去条很奇怪;WordPress Audio Player 显示的歌曲名只对英文支持比较好,虽然可以自定义配色,但是样式毕竟太旧了。找来找去,还是国货最高~我们悄悄偷来
豆瓣的音乐播放器,有进度条、能调整音量,虽说没有显示歌曲名,但是要放什么音乐我想博主应该是会说的吧。
flash播放器预览↓
[music]https://www.douban.com/swf/player.swf[/music]
(现在我已经不使用 WordPress,所以预览会失效,如果你是 WordPress 站点请放心使用)
首先,下载播放器。然后为了省事,直接把player.swf文件丢到主题目录好了。
(请用迅雷下载 http://www.douban.com/swf/player.swf 普通下载会被豆瓣的服务器挡掉)
然后编辑主题的 functions.php
文件。将下面的代码加入到其中。
(注意:为了方便新手修改,我就直接这样说吧,functions.ph
p 的第一行有个<?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 模式插入下面这一段
[music]http://xxx.com/xxx.mp3[/music][/cce_html]
默认不会自动播放的。如果想要自动播放的话可以用下面的代码:
[music auto=1]http://xxx.com/xxx.mp3[/music]
以上,很简单吧。
文章参考了良心修改的代码。