音乐播放器WordPress插件 WP-Player (支持网易云音乐, 虾米音乐, QQ音乐, 百度音

音乐播放器Wordpress插件推荐:wp-player

WP-Player是目前在全网对比起来基本上算是最好的音乐播放器Wordpress插件了,这款音乐播放器是由国内作者开发的,因此对于国内云音乐的支持也是非常不错的,而且也一直在更新维护。

界面全部为中文,使用非常便捷,支持网易云音乐和虾米音乐,使用短代码输出,可以添加歌单、专辑和单曲等音乐播放列表,

同时也支持自定义上传音乐,自定义上传也支持列表和单曲,并且支持给每一首歌曲上传封面图片,歌曲名称和歌手名称,让你的音乐列表看起来非常完整,播放的效果也是非常不错的。

这款插件支持手机上的播放,能够适应手机和平板电脑上的音乐播放,总体来说,效果是非常不错的,插入到文章效果如下:

详细功能

WordPress 插件 WP-Player 是一个迷你歌曲播放器,支持多歌曲播放,支持使用网易云音乐, 虾米音乐, QQ音乐, 百度音乐歌曲地址, 也支持自定义上传音乐。

插件介绍:
1. WP-Player 支持网易云音乐, 虾米音乐, QQ音乐, 百度音乐平台
2. 如在网易云音乐打开喜欢的歌曲页面,复制歌曲页面的网址如:http://music.163.com/#/song?id=191213
3. 并将复制的网址填写到后面的表单内。音乐类型将根据网址自动做出选择。
4. 点击获取音乐ID按钮,此时音乐ID出现在表单中。
5. 将短代码 [player autoplay=”1″ random=”1″] 填入您的文章内容中。
6. 短代码中 autoplay 表示是否自动播放;参数”0″表示否;”1″表示是;
7. 短代码中 random 表示是否随机播放;参数”0″表示否;”1″表示是;
8. 支持播放歌单:单音乐页面、专辑页面、艺人页面、精选集页面。
9. PS:本插件需要您的服务器或主机支持 PHP 5.4+ and Curl, OpenSSL 模块已安装。
10. Tips:本插件仅供个人学习研究使用,请勿作为各种商业用户,音乐版权归各音乐平台所有

PS:一篇文章只能插入一个播放器,因为用了MetaBox获取参数,只能一篇文章使用一个。

wp-player的下载和安装

wp-player可以在wordpress的后台–插件–安装插件搜索wp-player进行安装。

也可以在线下载

下载完成从安装插件处安装并启用插件即可使用。

wp-player如何自动解析插入网易云音乐、虾米音乐

安装好了插件之后,首先进入设置>>wp-player,看看插件的使用说明,并且这里可以选择是否加载插件的jQuery库(一般来说,主题都基本上会加载,因此可以不需要勾选)

然后进入文章>>编辑文章,就可以看到wp-player的选项

界面非常简单,我选择的虾米歌单是这个地址http://www.xiami.com/collect/229580815?spm=a1z1s.6843761.1478643745.2.nYnpml

那么填写到选项,点击获取音乐id

然后将短代码填写到文章中:

这样就可以在文章中显示列表了:

网易云音乐也是类似的原理。

如何手动上传自己空间中的音乐

选择手动上传的功能,既可以有歌曲名、歌曲地址、歌手、音乐封面,可是上传多条,一行一条,保存好了之后就可以和上面的列表显示一样了。

当然这会耗费你的网站资源,有时候,为了节省带宽,我们可以把采用外链的歌曲地址。所以你就可以把所有的音频都放在七牛云上,你可以参考这篇文章来实现这个效果。

七牛云WordPress插件-节省带宽,加速网站

总结

从测试来说,这款音乐插件是非常不错的,即可使用云歌曲列表,也可以使用手动上传的列表,播放器清新漂亮,可选择是否自动播放,总体来说是目前我测试过最好用的中文歌曲播放插件。

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
喜欢音乐的朋友们,一定非常期望有一款专属于自己博客的“个性音乐播放器”吧…… 最近为wordpress音乐插件 Flash Media player 设计了一款黑白主题皮肤,如下图 效果预览 / 下载地址 Flash Media player是一款专门用于Wordpress、bo-blog等主流博客平台的集成flash+xml+js技术的在线音乐播放器插件。 其功能强大且方便: 1、可播放Mp3和Flv文件; 2、可实时显示播放进度和下载进度; 3、可调节量; 4、可设置“单曲循环”和“所有循环”播放模式; 5、可选择播放列表; 6、用XML文件配置播放文件列表; 安装方法: 1.将下载的压缩包解压缩。 2.用“记事本”编辑播放器首页:Index.html。找到<h1></h1>标签,将里面的大标题和链接都替换掉。 3.编辑曲目表:playlist.xml。格式如下: <track> <title>音乐名</title> <location>音乐的http地址(注意:音乐质量最好控制在3M以内,1是能保证访客的下载速度,2是节约你的空间和流量。如果你直接到“百度”里“扒”MP3地址,另当别论。)</location> </track> 想再添加一首新歌,只需要循环复制以上内容即可。 4.编辑完曲目表,将整个文件夹上传至网站根目录。 5.直接修改你的wordpress模板,在导航条里加入新链接后,上传即可, (例如:起名叫“音乐”,链接地址为:http://www.ueui.com.cn/mp3) 由于考虑到用户体验,我建议将Flash Media player新开一个页面(_blank)。这样做有这么个好处: 不会因为博客中的日志链接频繁跳转,而导致音乐常常被中断播放。(记得我常常浏览某人的blog,其每篇日志的侧边栏都导入同一个音乐插件。结果是,当我每次新开一篇文章时,就会重新听一遍他博客上第一首歌的前奏……当我看完他的所有日志后,甚至连第一首歌后半段是什么都不知道,可这首歌的前奏背的已经滚瓜烂熟……囧rz。据我所知,按这种方式使用音乐插件的人还不在少数,汗!)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虚坏叔叔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值