WordPress 非插件集成音乐播放器

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

要集成音乐播放器，我们得先找一个音乐播放器，Google一下“网页音乐播放器”，你可以找到各种各样的音乐播放器。比较出名的有Dewplayer、 WordPress Audio Player等。

不过……呃 Dewplayer 不能调整音量，进去条很奇怪；WordPress Audio Player 显示的歌曲名只对英文支持比较好，虽然可以自定义配色，但是样式毕竟太旧了。找来找去，还是国货最高~我们悄悄偷来

豆瓣的音乐播放器，有进度条、能调整音量，虽说没有显示歌曲名，但是要放什么音乐我想博主应该是会说的吧！

flash播放器预览↓

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

首先，下载播放器。然后为了省事，直接把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模式插入下面这一段

[music]http://xxx.com/xxx.mp3[/music][/cce_html]

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

[music auto=1]http://xxx.com/xxx.mp3[/music]

以上，很简单吧。

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

本文由周良粥凉发布在周良博客，转载此文请保持文章完整性，并请附上文章来源（周良博客）及本页链接。
原文链接：https://zlbk.net/wordpress-mp3.html

32 条评论

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

0 回复

周良

2012-12-31 20:12

@山寨吧嗯，我只折腾Wordpress

0 回复

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

0 回复

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

0 回复

周良

2012-07-04 11:07

@银月可以播放的，看看播放器有没有上传到主题内，路径有没有错误

0 回复
1. 银月
  
  2012-07-04 11:07
  
  @周良已经弄好了不过发现点问题啊想再听的话......怎么点都没有效果.只能刷新网页？ " alt=":idea:" title=":idea:" class="ds-smiley" />
  
  0
2. 周良
  
  2012-07-04 12:07
  
  @银月再听可以的啊，不会出问题的。我不清楚你那边什么情况
  
  0
3. 银月
  
  2012-07-04 13:07
  
  @周良播放过一次之后再点击就会自动的停止
  http://www.qisinet.com/index.php/160.html
  
  0
4. 周良
  
  2012-07-04 16:07
  
  @银月把进度条，拖回原位，然后在播放
  
  0
5. 银月
  
  2012-07-05 11:07
  
  @周良播放条是自动回到前端的而且我也实验了拖回了原位再播放遗憾的是还是不能播放点一下有点声音立即就停止了很是无奈啊这个个浏览器有关系吗？我的是IE9 还有chrome，都是这个样子！纠结 " alt=":cry:" title=":cry:" class="ds-smiley" /> 了
  
  0
6. 周良
  
  2012-07-05 12:07
  
  @银月不清楚了，我没有仔细研究过。这个播放器我这个博客不经常用
  
  0
7. 银月
  
  2012-07-05 12:07
  
  @周良额我设置成循环播放吧 " alt="[眨眨眼]" title="[眨眨眼]" class="ds-smiley" />
  
  0