这里是万众期待的 APlayer for WordPress!

Hermit X,使用 APlayer 前端播放器,Meting Framework & LWL API 后端支持的全新 WordPress 播放器 现已发布!

特性:

支持直接调用网易云音乐、虾米音乐、QQ音乐、酷狗音乐、百度音乐的

WordPress深度整合,最低三键即可调用

与 APlayer 保持同步更新,兼容 APlayer 所有功能

音乐 API 更新迅速,始终保持高可用性

支持自动歌词获取(网易云音乐支持歌词翻译!)

网易云音乐、虾米音乐支持 HTTPS 调用

Demo:

Xiami

Netease

 

食用方法:

在文章编辑页点击添加音乐,如图

sp160831_125452

有些参数需要手动修改短代码,APlayer所有参数见:http://aplayer.js.org/docs/#/?id=options

比如额外配置一个播放器主题色theme,手动修改短代码如下:

[hermit auto="0" loop="1" theme="#e6d0b2"]netease_songs#:36271441[/hermit]

 

播放器设置:

见WordPress后台左侧栏:

sp160831_125710

Pjax 主题的重载方法:

在你主题的 Pjax 回调函数中加入:

reloadHermit()

每次 Pjax 刷新后,Hermit X 将停止播放,并重新加载该页面上的播放器(如果有)

 

项目地址:

https://github.com/liwanglin12/Hermit-X 欢迎 star /w\

Eat it!

 

鸣谢

APlayer – A beautiful html5 music player 作者 DIYgod

Hermit – WordPress 音乐播放器插件 作者 mufeng

Meting – A powerful music API framework to accelerate development 作者 METO

RewriteRule – 自建镜像前置要求 RewriteRule 的 NGINX 版本 作者 Jerry Qu

PjaxReloadFunction – Pjax重载函数以及一些微小的事情 作者 Fly

class.update.php – 插件自动更新类 作者 Bing

最后

话说有谁能捐我一对音响用来调试播放器啊 滑稽

sp20161001_131039

-EOF-

170 条评论

昵称
  1. ╭(╯^╰)╮

    其实我很好奇,你们是怎么找到那些调用的api的地址..

  2. Alaso

    function cloneObject(src)那段js代码可以只在使用了短代码的页面出现吗?

    1. liwanglin12

      后台是设置的按需加载模式么?

      1. Alaso

        对啊,但还是有

      2. liwanglin12

        去 Github 发个 Issue吧~

      3. Alaso

        你自己站也是整站底部都有function cloneObject(src)…

      4. liwanglin12

        我是pjax需要全局加载的大哥,请去Github发Issue

  3. Aimer

    支持支持,这个插件真的好棒
    o(*////▽////*)q

  4. leking

    可以使用你的这个插件吗?

    1. liwanglin12

      当然可以。。。

  5. Pingback: 添加了一个音乐插件 - MySpace - zkl2333的博客

  6. wakeme

    出现语法错误,应该是[‘host’] 的问题。不支持这个数组,求解决(或者是求发您在使用的插件到窝邮箱,谢谢了)Parse error: syntax error, unexpected ‘[‘ in /www/web/blog/public_html/wp-content/plugins/Hermit-X-master/class.hermit.php on line 190

    1. liwanglin12

      建议升级到 PHP5.4及以上版本= =

  7. wakeme

    提示;Parse error: syntax error, unexpected ‘[‘ in /root/web/www/public_html/wp-content/plugins/Hermit-X-master/class.hermit.php on line 190

  8. 余小乐Mino

    显示 undefined – Error happens ╥﹏╥ 是什么情况呢 网易云音乐。。

    1. 余小乐Mino

      xiao-bai.top/: Uncaught (in promise) DOMException: Failed to load because no supported source was found.是这个吗

      1. liwanglin12

        此网站未见 Hermit X 实例 无法调试另请前往 https://github.com/liwanglin12/Hermit-X/issues 反馈问题

      2. 余小乐Mino

        已经好了 好神奇 难道是我按了下面的清理缓存?

      3. liwanglin12

        ……

    2. 余小乐Mino

      老版的hermit是可以用的

  9. yexing17

    dalao,有时候调用网易云的歌会出现error,是不是版权问题…求指教

    1. liwanglin12

      = = error 的时候打开 F12 把console error log发上来可好?

      1. yexing17

        Failed to load resource: net::ERR_CONNECTION_REFUSED应该是这个把>﹏<

    2. liwanglin12

      ……这个看着像是你本地网络问题

      1. yexing17

        啊咧╮( ̄▽ ̄)╭,我切换网络环境试试…谢谢啦

      2. yexing17

        把*.126.net走代理之后貌似问题就解决了…看来是本地坑爹移动的锅…

  10. yexing17

    不知道触发了什么奇怪的开关…这个评论不知道怎么自动生成的…对了= =因为措辞的问题,再次抱歉了博主…谢谢你贡献的代码原文已经更正了…我的站多说貌似抽风了,回复完评论之后自动删除了,不知道什么原因(已恢复)….

    1. liwanglin12

      这个是 pingback, 一种通知机制你在你的网站引用了我文章的链接的话,WordPress 会自动使用这个机制通知我的服务器有人引用了我的链接,所以就显示成这样了~

  11. 小伟

    php5.3 mysql5.5 wordpress4.7的,以前安装的hermit木有问题,这个hermit-X无法启用,请修复。

    1. liwanglin12

      请问具体hermitX版本号是?

    2. liwanglin12

      另外您网站是不是存在被入侵的情况……我这边 Chrome 和路由器上的安全检查系统都在报告网页危险Description:Sites that directly or indirectly facilitate the distribution of malicious software or source code.

  12. 小伟

    Parse error: syntax error, unexpected ‘[‘ in /home/wwwroot/mlwei/domain/www.mlwei.com/web/wp-content/plugins/Hermit-X-master/class.hermit.php on line 190

  13. 小伟

    无法启用插件,因为它引起了一个致命错误(fatal error)。Warning: require(/home/wwwroot/mlwei/domain/www.mlwei.com/web/wp-content/plugins/hermit/class.update.php): failed to open stream: No such file or directory in /home/wwwroot/mlwei/domain/www.mlwei.com/web/wp-content/plugins/Hermit-X-master/hermit.php on line 21 Fatal error: require(): Failed opening required ‘/home/wwwroot/mlwei/domain/www.mlwei.com/web/wp-content/plugins/hermit/class.update.php’ (include_path=’.:’) in /home/wwwroot/mlwei/domain/www.mlwei.com/web/wp-content/plugins/Hermit-X-master/hermit.php on line 21

    1. liwanglin12

      另外这个报错应该是文件不全导致的还请您检查一下是否完整获取插件文件以及目录权限是否正确= =

  14. Pingback: H5播放器换装~ - HiSun

  15. 奇趣视界

    我想在右上角加上网易云,虾米,播放的时候获取歌曲来自的网站,和新浪微博一样

    1. liwanglin12

      会不会有点丑了这就= =

  16. Qa

    我服务器位于美国,不过 LWL API给我判断到国内服务器了。导致无法播放。

    1. liwanglin12

      唔,我没有在time-1s.com看到使用播放器的地方,故无法查看情况呢。在此选项开放之前,如果您能正常使用,那么原理上来说这个位置即使打勾也没有任何影响,体验上和您原来是一致的如果您的服务器确实位于境外,那么 API 应当返回不在中国大陆的信息,但是这需要等待最长12个小时,自动更新机制重新获取信息时才会更新这一选项,而在此之前它的默认值是位于中国境内。你可以通过停用再启用插件的方式来加快这一进程如果此问题仍然无法解决,请按照本博客关于页面的联系方式联系我进行协助排查~非常感谢您的报告!

      1. Qa
      2. liwanglin12

        ╮(╯▽╰)╭这个页面并未使用 Hermit X 而是在使用旧版的 Hermit 呢……

    2. liwanglin12

      另外值得一提的是,最新版插件支持了虾米音乐英文 ID 解析

  17. Alaso

    网易歌单列表不能设置不展开吗?

    1. liwanglin12

      暂时不可以,但是正在想办法实现如果觉得太长了 临时的解决办法是通过后台设置进行全局播放列表限高或者是通过短代码对某一个播放器限高

  18. Qa

    在牧风评论区接到安利了。不过此插件依旧不支持虾米的新URL地址解析,不知道对网易的灰色歌曲支持如何?

    1. liwanglin12

      灰色歌曲看情况,Hermit解不出来的有几率能解出来虾米URL在等前端支持,具体兼容逻辑已有,只等前端完成了(目前如果想用的话可以查看歌曲页源代码,里面有一段“ meta name=”mobile-agent” content=”format=html5; url=http://m.xiami.com/song/00000>”这样的,把url=之后那段复制出来就能用了😂

      1. Qa

        懂了

  19. 周文

    能随机播放吗

    1. 周文

      我的意思是默认随机播放

      1. 萨摩公园

        可以,参考 Aplayer 设置 mode: ‘random’,

      2. 周文

        我的意思是一打开页面不按照第一首歌来播放,而是随机选一首,不是播放顺序随机,如果你是这个意思,我没找到在哪里可以修改文件

      3. 萨摩公园

        在文章里修改短代码,加上这一句:mode=”random”

      4. 周文

        好,谢谢,我试试,那有没有办法歌曲封面加载的是歌单,而不是歌曲呢

      5. liwanglin12

        这个暂时不支持的呢😂

  20. Pingback: 音乐插件 – APlayer音乐播放插件 – SakuraのLove

  21. main

    怎么把音乐歌单放到侧边栏,Hermit生成的代码侧边栏html文本不支持

    1. liwanglin12

      先随便建篇文章把你要的歌生成写进去,然后进入文章预览页源代码查一下关键词hermit,把那段代码复制一下到小工具就行了,另外设置里加载方式改成全局

  22. 奥斯特

    博主,我发现插件与wordpress自带的主题和很多主题都有点小问题,就是音量条不管用,点击音量条就静音拖动点击都改变不了大小,你可以试一下自带的主题就知道了,如果是主题原因怎么修改主题呢?

    1. liwanglin12

      这个问题麻烦您到 https://github.com/DIYgod/APlayer/issues/new 这里报告一下…… 谢谢

  23. sunshine

    使用某个香港空间基本解析不出,什么音乐也放不出来,有的空间能放这是不是与主机的相关支持有关啊?并且音乐封面图片加载不出是空白的

    1. liwanglin12

      是因为你服务器在国外QAQ 被网易云按 IP 版权限制了

      1. liwanglin12

        哦不好意思,大陆外

      2. liwanglin12

        哦不好意思,中国大陆外

      3. sunshine

        那就奇怪了,我用的空间都是香港的,有的可以解析出来,有的就什么也放不出来,怎么解释

      4. 萨摩公园

        建议查看一下 m8.music.126.net 这类的 DNS,网易云对版权地区直接设置了 127.0.0.1

  24. 樱花之恋

    无法正常加载图片怎么办OVO歌曲跟歌词加载正常