那些wordpress可用的音乐播放器

01月31日, 2014 软件程序小新 20,629次

那些wordpress可用的音乐播放器

01月31日, 2014 20,629次

标题刚写出来，感觉有点吹牛了啊。。。小新也不能把全部可用的音乐播放器找出来^-^，小新只是分享几款常用的，或者是简洁方便的。或者大家都知道了。。。那小新就自个当个备份吧。有时候要用的时候光凭想还真没办法打出来。

OK，先来说说第一款，也是小新博客之前常用的这款：HTML5 audio（mediaelementjs）

这个是可以直接在博客里面调用的，也是使用最新的HTML5超文本标记语言，可以做音乐播放器，也可以做为视频播放器。

因为大部分的网站都支持HTML5了，所以实用性毋庸置疑了，当然最方便的是可以直接右键下载视频或者音乐（可能也是不被一些视频网站所使用的原因。）这里先不表。但是实测安卓uc浏览器打开小新的博客是可以听音乐的(可能点击播放的话他不显示，但是是会播放的！）。可是虾米的网页音乐播放器小新手机是放不了的。

使用的话代码也简单：<audio src="地址.mp3" controls="controls" name="media"/></audio>

播放器展示：

如果对视频播放器感兴趣，可以点击直达，到一个英文的网站了解一下！

第二款是来自法国的一款很简洁的Flash音乐播放器，有点小清新，外观还是不错的。目前拥有七款不同的样式，比如“迷你”、“经典”、“带歌曲列表”等。你可以直接调用，但是小新是不推荐的，因为需要远程调用它的swf样式，这样对于博客速度不好。所以小新推荐下载它的样式文件，本地调用更好点。注意这款播放器只支持mp3(估计别的也不常用)

1、Mini代码（dewplayer-mini.swf替换成成自己的地址)：

Mini样式展示：

2、Classic代码（dewplayer-mini.swf替换成成自己的地址)：

Classic样式展示：

3、Multi代码（dewplayer-multi.swf替换成成自己的地址)：

Multi样式展示：

4、Multi Rect代码（dewplayer-rect.swf替换成成自己的地址)：

Multi Rect样式展示：

至于余下的三款样式就不一一展示了，因为带播放列表的还要再编辑playlist.xml文件，比较繁琐，实际上如果真要带播放列表可以直接使用虾米播放器，也就不需要自己制作的了！
如果需要更详细的信息或者使用方法，可以做传送阵到它的官网查看，它里面可以自助选择各种样式生成代码。因为是法文，看不懂请自备翻译。

传送阵：http://www.alsacreations.fr/dewplayer.html

这一款播放器我挺喜欢的，不占地方是一个，点击播放才拉出进度条，停止又缩回去。它有一个插件版：

不喜欢插件，可以直接使用代码。但是需要下载player.swf文件(点击下载)，然后上传到 wp-content/theme/主题目录下，再到主题的 functions.php 中间位置添加如下函数：

/**添加 flash player */
    function myplayer($atts, $content=null){
    extract(shortcode_atts(array("auto"=>'no',"loop"=>'no'),$atts));
    return '<embed src="'.get_bloginfo("template_url").'/player.swf?soundFile='.$content.'&bg=0xeeeeee&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop='.$loop.'&autostart='.$auto.'" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" width="290" height="30">';
}
add_shortcode('music','myplayer');
/**

然后需要播放器时，可以直接编辑代码：[mu sic]MP3地址[/mu sic] 调用去掉空格！

Audio Player样式展示：[music]http://sc.111ttt.com/up/mp3/322714/6CD51207A9438E018AA7FF50494FA9E2.mp3[/music]

当然，这个代码的使用是转自Dream Catcher，它的颜色是可以修改的，上面说的只是插件的代码版，实际上它还有一种直接使用代码调用是需要7行代码，需要调用两个样式，不过并不需要修改主题文件。代码如下：

外观展示：

不知不觉就写了这样，可能大家会觉得眼花吧。。。从晚上八点多写到现在，半夜12点半了。小新基本是个代码盲，所以大家可以从上面的代码中简化一下也许也可以。咱们插个音乐也不过是为了方便嘛。呵呵，不说了。有时间再补个图。睡觉去,晚安！

版权属于: xkfree

原文地址: https://www.xkfree.com/software/288.html

转载时必须以链接形式注明原始出处及本声明。

40 条评论

圣华设计说道：

2014年2月2日下午2:40

不错的文章

回复
1. 小新说道：
  
  2014年2月11日下午4:23
  
  很不好意思今天才看到多说的垃圾评论里有评论还是正常的评论被权限了。。多说的拦截真是好没有道理。。抱歉。。
  
  回复
Pang说道：

2014年2月2日下午9:18

不错

回复
1. 小新说道：
  
  2014年2月11日下午4:23
  
  很不好意思今天才看到多说的垃圾评论里有评论还是正常的评论被权限了。。多说的拦截真是好没有道理。。抱歉。。
  
  回复
超级玛丽说道：

2014年2月3日下午9:52

正好在寻觅合适的播放器，非常感谢。马克互联网祝你新年快乐，马年行大运，马上有财，马上有喜，马上啥都有。。。

回复
1. 小新说道：
  
  2014年2月4日下午4:13
  
  有用就好！呵呵你也新年发财！
  
  回复
头像贴吧说道：

2014年2月9日下午5:55

来个酷炫的。。

回复
1. 小新说道：
  
  2014年2月11日下午4:23
  
  很不好意思今天才看到多说的垃圾评论里有评论还是正常的评论被权限了。。多说的拦截真是好没有道理。。抱歉。。
  
  回复
  1. 头像贴吧说道：
    
    2014年2月11日下午5:58
    
    不说出来还没事，说出来就有事了。
    
    回复
    1. 小新说道：
      
      2014年2月12日下午8:32
      
      这几个回复还是进去了。。。无语多说看中你了？
      
      回复
      1. 头像贴吧说道：
        
        2014年2月13日下午10:15
        
        应该是，没办法。长得特么没有RP
Mars丶Ge说道：

2014年2月10日上午8:30

不错，支持一下~

回复
1. 小新说道：
  
  2014年2月11日下午4:23
  
  很不好意思今天才看到多说的垃圾评论里有评论还是正常的评论被权限了。。多说的拦截真是好没有道理。。抱歉。。
  
  回复
  1. Mars丶Ge说道：
    
    2014年2月11日下午4:27
    
    呵呵，多说经常抽风，我都想抛弃她了。
    
    回复
    1. 小新说道：
      
      2014年2月12日下午8:32
      
      这回复还是进去了。。。无语多说看中你了？
      
      回复
      1. Mars丶Ge说道：
        
        2014年2月12日下午10:22
        
        话说我经常去多说那个论坛发牢骚贴，估计是怕了我了。哈哈~
技术控说道：

2014年2月10日下午9:45

收藏了！很漂亮。

回复
1. 小新说道：
  
  2014年2月10日下午10:09
  
  呵呵第二个有点小清新第三个很简洁第一个可以直接下载mp3
  
  回复
朱海林说道：

2014年2月10日下午11:11

很不错，正需要

回复
1. 小新说道：
  
  2014年2月10日下午11:21
  
  回复
圣华设计说道：

2014年2月11日下午10:26

发现跳转页面可以使用的播放器不是很多。新手很苦恼哈。

回复
1. 小新说道：
  
  2014年2月12日下午8:38
  
  第一个还是很简单的
  
  回复
ｃｙ说道：

2014年2月24日上午9:46

收藏备用！我现在用的是沐风写的插件，也挺不错~

回复
1. 小新说道：
  
  2014年2月24日上午9:48
  
  看个人喜好了想用插件就插件想添代码就代码。。
  
  回复
阿桑小僧说道：

2014年3月15日上午12:04

对于小白不晓得该选哪一个呢？博主觉得哪个更实用长久一些呢？

回复
1. 小新说道：
  
  2014年3月15日上午10:39
  
  微软的onedrive不错，挺坚挺的。它以前叫skydrive
  
  回复
2. 小新说道：
  
  2014年3月15日上午10:41
  
  错了我以为你是说外链呢播放器没有什么长久的都一样只不过上面的第一个是html5的未来的主流下面两个是flash的现在的主流..
  
  回复
阿桑小僧说道：

2014年4月2日下午2:28

遇到个问题因为我改固定链接今天想起来改改就网站启用伪静态然后其他都好发现音乐都不行了不能播放那些音乐播放器插件也不管用了不晓得是怎么回事呢？

回复
洛晨说道：

2014年4月29日下午5:16

HTML5的不错，就是播放器的颜色不知道能不能定义？

回复
1. 小新说道：
  
  2014年5月1日上午11:36
  
  这就不知道了我一般直接用而且还比较契合我的主题，所以就没研究。你看我的右上角的视频播放器也是html5 还可以.
  
  回复
  1. 洛晨说道：
    
    2014年5月2日上午9:01
    
    嗯，我就用了默认的黑色，跟我主题也还行。顺便我看不到你右上角的视频，可能是我浏览器的问题，显示视频格式或mime类型不支持
    
    回复
    1. 小新说道：
      
      2014年5月2日上午11:39
      
      额不会吧？现在手机都能看的你的不能？什么浏览器呀？IE？
      
      回复
      1. 洛晨说道：
        
        2014年5月2日下午2:41
        
        火狐
      2. 小新说道：
        
        2014年5月3日上午12:28
        
        我擦那我就不懂了我是谷歌。。
?????????说道：

2014年5月10日下午8:53

请问您博客的那个放音乐播放器的侧边栏模块怎么加的？

回复
1. 小新说道：
  
  2014年5月11日下午3:20
  
  额这个是我主题的模块你需要的话可以搜索侧边栏教程
  
  回复
  1. ?????????说道：
    
    2014年5月11日下午3:24
    
    我知道我用的也是这个主题 zanblog 可我从小工具里加文本框没有显示像您这样的标题和边框您是怎么加的我在网上搜索了很多教程可没有一个能解决此主题问题
    
    回复
    1. 小新说道：
      
      2014年5月11日下午3:27
      
      哦这样啊我是从主题代码里修改的也就是侧边栏sidebar里面，我也不怎么懂，所以只是调用了下面的样式，然后加入了视频播放器代码。
      
      回复
      1. ?????????说道：
        
        2014年5月11日下午3:28
        
        哦是这样知道了谢谢
      2. 小新说道：
        
        2014年5月11日下午3:29
        
        不客气

那些wordpress可用的音乐播放器

那些wordpress可用的音乐播放器

40 条评论

回复 小新 取消回复

回复小新取消回复