FGHRSH 的博客

Please wait...

APlayer for Z-BlogPHP

2017 年 04 月 20 日     分类: 开发日记 48 条评论 15622 ℃

Demo：


继 DPlayer 插件开发好后，再用了 3天 陆续把 APlayer 插件写了出来

然后由于各种事情，各种拖坑，结果... 一年后（懒癌发作，重度拖延症，还没够一年呢！233


代码和用法参考了 APlayer-Typecho-Plugin， 网易云音乐API 使用 NeteaseCloudMusicApi


使用方式

[aplayer url="http://xx/xxx.mp3" pic="http://xx/xxx.jpg" lrc="http://xx/xxx.lrc" autoplay="true"/]


Z-Blog应用中心：https://app.zblogcn.com/?id=1321

Github地址：https://github.com/fghrsh/APlayer_for_Z-BlogPHP


更新日志：

    2016年06月02日    V1.0
        * 项目开坑，实现 APlayer 加载

    2016年06月03日    V1.0
        * 基本完善，后台管理界面还没补上

    2016年09月18日    V1.1
        * 更新 APlayer 版本，修复若干BUG，自用中

    2017年04月19日    V1.2
        * 更新 APlayer 至最新版本
        + 新增 内置版 网易云音乐 API
        + 新增 网易云音乐 获取带翻译歌词

    2017年04月20日    V1.2
        + 新增 后台 管理界面
        + 新增 后台 管理界面 背景图片彩蛋
        * 正式在 Z-Blog 应用中心 和 GitHub 发布

    2017年04月21日    V1.3
        * 修复 部分逻辑问题导致的 BUG
        * 修复 低版本PHP(5.3) 兼容问题
        * 修复 某些主题后台 背景显示问题
        - 移除内置 API，需要自行部署可上 GitHub 下载

    2017年05月28日    V1.4
        + 优化 部分主题兼容问题
        * 美化 微调管理界面背景图片
        + 美化 格式化输出初始化 JSON
        * 修复 部分小细节导致的小 BUG

    2017年05月29日    V1.4
        * 修复 JSON 布尔值问题
    
    2017年06月14日    V1.4
        *  修复  低版本PHP(5.2) 兼容问题


本文标题：APlayer for Z-BlogPHP
本文链接：https://www.fghrsh.net/post/77.html
作者授权：除特别说明外，本文由 fghrsh 原创编译并授权 FGHRSH 的博客 刊载发布。
版权声明：本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议，转载或使用请遵守署名协议。

网友评论48条

  1. #1
    酷宇 2020-12-13 16:27:12 回复

    代码使用后谷歌游览器正常，但是用UC游览器和360游览器访问的话会无法播放

  1. #2
    镜子里的欧巴 2020-04-04 01:52:40 回复

    博主你好，我在zblog应用中心下载的插件，配置以后mp3可以显示，歌词空白，能否帮忙解决下，谢谢。

  1. #3
    rabeca 2019-06-06 13:26:47 回复

    你好 我的歌曲都是放自己空间的 请问API地址怎么填啊

  1. #4
    王利来 2019-03-20 17:46:27 回复

    博主您好！紧急求助！请问没有在zblog后台的文章编辑器中的音乐就不能显示了吗？aplayer是只能在文章中添加的吗？我想要在文章下方加一个自定义字段专门放音乐的，加在每篇文章的下方，当时每一次都直接显示出aplayer的代码了无法显示播放器也无法播放，在非文章内加音乐是否需要加一些代码进去呢？可以做到吗？

    1. fghrsh 2019-03-21 00:15:57 回复

      这个就要修改插件了..

      1. 王利来 2019-03-22 10:31:06 回复

        想问一下输入单曲id之后的文章不会出现播放器是什么原因呢？

        1. 王利来 2019-03-22 10:31:25 回复

          无法使用ID，如[aplayer id="26141649"/]就无法加载和显示，网页上直接是空白

    1. 王利来 2019-03-20 18:04:10 回复

      也无法使用ID，如[aplayer id="26141649"/]就无法加载和显示，网页上直接是空白

  1. #5
    污少 2019-03-18 16:26:32 回复

    求本站的悬浮播放器！！！超喜欢！！！

  1. #6
    Y_Theta 2019-03-05 20:17:55 回复

    博主，请问一下这个播放器应该怎么配置，我把文章标签也加了，在pjax请求到页面最后也加入apajaxload（）了，但是播放器没有出来，我想知道播放器应该是什么效果大概，控制台里可以看到已经加载了。有空可以去我的博客看看是什么问题，谢谢博主了

    1. fghrsh 2019-03-06 13:54:52 回复

      这个不是加在文章 TAG(标签) 里的，直接写在文章内容里就行了... 不懂的话可以加我 QQ（关于里有

    1. Y_Theta 2019-03-05 20:25:01 回复

      我刚学这个，还不太明白

  1. #7
    rabeca 2018-10-14 09:25:15 回复

    请问设置里 静音其他实例 是什么意思啊？

    1. fghrsh 2018-10-19 14:23:29 回复

      当前面页 存在多个播放器时，点 播放 是否停止其他正在播放的播放器

  1. #8
    jun 2018-07-28 00:29:21 回复

    超赞~尤其是你侧边那个O(∩_∩)O~

  1. #9
    两伙青年博客 2018-06-21 13:49:17 回复

    你好哦，这个插件真的不错哦！在我使用过程中遇到一个问题：在使用用户中心（百搭）隐藏APlayer for Z-BlogPHP播放器的作为音频付费内容（积分购买按钮）的时候，按F12还是能查看到播放器的代码，音频的地址的，这个有时间兼容一下吗？官方说是插件冲突，我使用的模板是尔今的cmsdown，谢谢您！

    1. fghrsh 2018-06-22 19:50:11 回复

      w(ﾟДﾟ)w 这个.. 这个插件和主题都是 付费使用 的...

  1. #10
    sdh 2018-02-26 02:51:29 回复

    (8)E_NOTICE : Undefined index: type (set_error_handler) (1.5.1.1740 (Zero)) (Linux; nginx1.12.2; PHP 5.4.45 x64; mysqli; curl)
    之前能用..突然报错

    1. sdh 2018-02-26 02:59:35 回复

      好吧我解决了...

  1. #11
    筑楼 2018-02-25 22:04:27 回复

    什么时间整合一下 编辑器？ 付费也行？

    1. fghrsh 2018-02-28 00:48:47 回复

      唔...... 又到了开学的时候了...... （在 To-Do List 了，不过暂时没空填坑...

  1. #12
    筑楼 2018-02-22 22:36:36 回复

    用什么代码，能显示你第一个播放器的样子？

    1. fghrsh 2018-02-23 13:21:38 回复

      那个是加了个 div 限制宽度，例：<div style="width:300px">[aplayer ... /]</div>

      1. Youtuq 2018-02-23 21:04:12 回复

        能给个完整的多列表的代码吗？ 这个真搞不懂！

        1. fghrsh 2018-02-23 21:24:08 回复

          列表？ https://app.zblogcn.com/?id=1321 这边有 示例 的，我上面的 第二个播放器 用了网易云歌单：[aplayer id="526089535" type=collect listmaxheight="300px"/]

      1. Youtuq 2018-02-23 20:58:11 回复

        你好按照你说的 怎么添加了还是这样子？http://www.youtuq.com/?id=4

        1. fghrsh 2018-02-23 21:14:01 回复

          就是这样啊，narrow 简洁模式 要关了

  1. #13
    甲级菜鸟 2018-02-06 11:31:09 回复

    美女，菜鸟搞不懂啊，安装了插件代码也复制到文章里面，什么都显示不出来啊

    1. fghrsh 2018-02-07 01:51:35 回复

      (°ー°) 加 QQ 看看？

  1. #14
    阿程 2017-12-11 21:38:37 回复

    列表形式的怎么添加？？

    1. fghrsh 2017-12-12 18:26:30 回复

      [aplayer autoplay="true"]
      [mp3 url......][/mp3]
      [mp3 url......][/mp3]
      [mp3 url......][/mp3]
      [/aplayer]
      应用中心 那边有详细说明：https://app.zblogcn.com/?id=1321

      1. 筑楼 2018-02-25 21:55:36 回复

        [aplayer autoplay="true" title="××××" author="××××"]
        [mp3 url="http://xx/xxx.mp3"][/mp3]
        [mp3 url="http://xx/xxx.mp3"][/mp3]
        [mp3 url="http://xx/xxx.mp3"][/mp3]
        [/aplayer]
        列表是这样吗？

        1. fghrsh 2018-02-28 00:58:50 回复

          差不多这样，不过 title(歌曲名) 和 author(歌手名) 应该每个 MP3 标签单独设置的；上面手抖打多了... [mp3 url="http://xx/xxx.mp3"/] 直接结束标签就行了，不用以 [/mp3] 结束

  1. #15
    咋办 2017-09-21 18:27:48 回复

    出现错误，(0)UNKNOWN : 缺少 curl_init 函数，无法启用本应用 (set_exception_handler) (1.5.1.1740 (Zero)) (WINNT; Apache2.2.16; PHP 5.4.45; pdo_mysql; fsockopen)

    1. fghrsh 2017-09-22 12:35:40 回复

      需要打开 PHP 的 curl 扩展 才能使用，虚拟主机的话联系服务商，自己vps的话可以自行安装下

  1. #16
    galile 2017-09-08 15:56:26 回复

    能不能告诉我你的侧栏播放器是怎么弄的呀

    1. fghrsh 2017-09-12 22:35:58 回复

      https://limh.me/myhk_player.html

  1. #17
    aa 2017-07-16 22:53:33 回复

    你的侧边栏播放器是如何在Z-BLOG PHP实现？

    1. fghrsh 2017-07-20 00:40:40 回复

      这个是 明月浩空音乐播放器，曾经作者有发行 Z-BlogPHP 版，后来停更我就自行魔改更新了

  1. #18
    夕阳 2017-06-30 19:31:44 回复

    您好，请问怎么直接添加在页面中或者侧边栏中，就如你博客一样，而不是添加在文章中，新手，求教，谢谢

    1. fghrsh 2017-07-02 08:28:51 回复

      目前不支持添加到侧栏，后台开启 解析列表页标签 选项可以在 文章列表页、首页（摘要） 解析（可能影响博客载入速度）

      1. 筑楼 2018-02-25 22:02:30 回复

        每次添加一个音乐都很麻烦，有什么简单的方法吗？

        1. fghrsh 2018-02-28 00:51:20 回复

          (*/ω＼*) 我一般到 介绍页 复制短标签再修改（源代码模式粘贴

  1. #19
    EVE 2017-05-24 09:16:27 回复

    [aplayer lrc="http://www.evelee.me/api/player/lrc.asp?dat=ShiGuang.lrc" url="http://www.evelee.me/api/player/single.asp?dat=2015/ShiGuang.mp3" title="拾光" author="EVELEE" pic="http://xx/xxx.jpg" /] 这个lrc为什么不能用呢？MP3却可以

    1. fghrsh 2017-05-24 12:26:27 回复

      貌似有跨域问题：https://img.fghrsh.net/image/tCoG1，可以加个php下载lrc再输出

      1. fghrsh 2017-05-24 12:28:27 回复

        是你的 API 的话，加个 Access-Control-Allow-Origin: * 的 Header 响应头就可以了

        1. EVE 2017-05-27 11:58:06 回复

          好的，我试试，我也觉得是跨域问题，因为mp3和lrc都在别处，谢谢

  1. #20
    EVE 2017-05-23 16:07:34 回复

    请问为什么歌词不能显示呢？

发表我的评论

Hi，您需要填写昵称和邮箱！

  • 必填项