Z-Blog应用中心 > PHP插件 > APlayer for Z-BlogPHP

APlayer for Z-BlogPHP

获取应用 免费

Demo:https://www.fghrsh.net/post/77.html  

//    插件兼容 新版 Z-BlogPHP 1.5+ 博客使用    //


效果截图


DIYgod 开发的超级好看的 HTML5 内嵌音乐播放器,现已移植到了 Z-BlogPHP 233


2017年09月16日 更新:
    * 修复 列表模式下 歌词类型判断错误

2017年06月14日 更新:
    * 修复 低版本PHP(5.2) 兼容问题

2017年05月29日 更新:
    * 修复 JSON 布尔值问题

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

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

2017年04月20日 更新:
    * 更新 APlayer 至 1.6.0 版
    + 新增 内置版 网易云音乐 API
    + 新增 网易云音乐 获取带翻译歌词
    + 新增 后台 管理界面 背景图片彩蛋
    
更多 更新日志 请到顶部 Demo 的 文章末尾 - 更新日志 查看



使用方法:

示例 1 - 常见加载示例:
[aplayer url="http://xx/xxx.mp3" pic="http://xx/xxx.jpg" lrc="http://xx/xxx.lrc" autoplay="true"/]

示例 2 - 批量加载示例:
[aplayer autoplay="true"]
[mp3 url="http://xx/xxx.mp3" pic="http://xx/xxx.jpg" lrc="http://xx/xxx.lrc"/]
[mp3 url="http://xx/xxx.mp3" pic="http://xx/xxx.jpg" lrc="http://xx/xxx.lrc"/]
[/aplayer]

示例 3 - 调用网易云 API
[aplayer id="16456" type="artist"/] //艺人热门五十首
[aplayer id="35247979" type="album" autoplay="true"/] //加载专辑,自动播放
[aplayer id="600559,646465,4973189,26141649" mode="random"/]  //多首单曲,英文逗号分隔,随机播放
[aplayer id="526089535" type="collect" lrc="false" listmaxheight="513px"/] //加载歌单,关闭歌词,并限制列表高度

示例 4 - 内嵌歌词(单个列表内不可再出现 链接加载 的歌词,应全部为 内嵌)/不推荐使用/
[aplayer autoplay="true"]
[mp3 url="https://api.fghrsh.net/music/aplayer_music_api/?id=675919.mp3" pic="https://api.fghrsh.net/music/aplayer_music_api/?id=675919.jpg"][lrc]
[00:02.99]「それじゃ またね」って手を振って [向你挥着手说“那就再见啦”]
[00:06.82]無理に笑って さみしくなって [勉强地笑着 变得空虚起来]
[00:17.36]
[00:19.11]歩道橋 自転車抱えて登る人 [过街天桥上 推着自行车攀登的人]
[00:26.73]コンピニ 誰かのウワサ話 [便利店里 讨论着某人的流言]
[00:34.50]交差点 信号 [十字路口 红绿灯]
[00:38.69]遠くのクラクション [从远处传来的汽车鸣笛声]
[00:42.19]知らない誰かの笑い合う声 [不知是谁和谁的欢声笑语]
[00:48.69]
[00:49.39]今日はひとりで歩く [今天一个人漫步]
[00:52.95]通い慣れた街でも [即使在这熟悉的街道上]
[00:57.24]いつもよりもなんだか [不知怎么地比平时还觉得]
[01:01.27]自分がちょっと小さく思えるよ [自己更加渺小了]
[01:07.39]
[01:08.51]「それじゃ またね」って手を振って [向你挥着手说“那就再见啦”]
[01:12.70]笑顔作って さみしくなって [强作笑脸 变得空虚起来]
[01:16.98]ホントはまだ話し足りないけど [其实我明明还没有和你聊够]
[01:23.68]「それじゃ またね」って言葉っで [“那就再见啦”这句话]
[01:27.55]また会えるって ウソをついて [说着“还能再见”的谎言]
[01:32.28]いつも通りの笑顔で言うよ [就像平时那样微笑着说吧]
[01:38.61]「また あした」 [“那就再见啦”]
[01:42.15]
[01:59.32]ひとりには 慣れてる フリをしてるけど [虽然假装着自己已经习惯独自一人]
[02:06.64]本当はそんなに強くないし [但其实也并没有那么坚强]
[02:12.99]
[02:13.69]いつもと同じ景色 いつもと同じ街 [一如过往的风景 一如过往的街道]
[02:21.79]なにも変わらないハズなのに [明明周围什么也没有改变]
[02:25.59]自分だけが小さく思えるよ [只是觉得自己很渺小]
[02:31.98]
[02:32.91]「それじゃ またね」じゃなくて [不是说什么“那就再见啦”]
[02:36.56]「あと少し」って言えば良かった [要是能说“再待一会儿”的话就好了]
[02:41.41]気が付いて欲しくて期待していたけど [虽然这样期待着   想让你察觉到这份心情]
[02:48.16]「それじゃ またね」って言葉で [用“那就再见啦”这样的话]
[02:52.10]また自分に ウソをついて [再次对自己撒谎]
[02:56.84]いつも通りの笑顔で隠すこの気持ち [如同以往 用微笑隐藏着这份心情吧]
[03:06.89]
[03:18.95]「それじゃ またね」って手を振って [向你挥着手说“那就再见啦”]
[03:22.69]笑顔作って さみしくなって [强作笑脸 变得空虚起来]
[03:27.54]ホントはまだ話し足りないけど [其实我明明还没有和你聊够]
[03:34.19]「それじゃ またね」って声さえ [连“那就再见啦”这句话]
[03:37.95]届かないほど 近くて遠い [好像都无法传达 这么近又那么远]
[03:43.13]いつも通りにあと一度だけ言わせて [一如往常 一次就好 让我说出]
[03:52.81]「また あした」 [“明天 再见”]
[03:56.98]
[/lrc][/mp3][/aplayer]

直接在文章插入上述标签即可



Ajax / Pjax 支持:

apajaxload();    // 在 回调参数 加入此方法即可



参数说明:

必须包含的参数:
    url - 视频地址       // 填url地址
    id - 网易云API ID     // url or id 2选1即可

可选的扩展参数:
    pic - 专辑封面       // 填url地址,api解析时不可用
    cover - 专辑封面       // 另一种写法,api解析时不可用
    title - 歌曲标题       // 歌曲标题,api解析时不可用
    author - 歌曲作者      // 歌曲作者,api解析时不可用
    artist - 歌曲作者      // 另一种写法,api解析时不可用
    lrc - 歌词地址         // 填url地址(api解析时不可用) 或 'false'(关闭歌词,api时也生效)
    narrow - 简洁模式      // 'true'(开启) 或 'false'(关闭)
    autoplay - 自动播放  // 'true'(开启) 或 'false'(关闭)
    mutex - 静音其他实例   // 'true'(开启) 或 'false'(关闭)
    theme - 自定义颜色    // 十六进制 (hex)   例:#FADFA3
    listmaxheight - 高度  // 播放列表的高度,如 300px(listmaxheight="300px")
    preload - 预加载     // 'auto'(自动) 或 'metadata'(开启) 或 'none'(关闭)
    mode - 播放模式        // 'order'(顺序) 'random'(随机) 'single'(单曲循环) 'circulation'(列表循环)
    type - API ID 类型    // 'song'(单曲) 'album'(专辑) 'artist'(歌手) 'collect'(歌单) 仅 API 解析时可用

访客您好,Z-Blog相关网站已开启实名制,请登录后绑定您的手机,再发表评论,谢谢您的支持。

头像 rabeca 2018-10-14 09:24:55  回复该评论 Firefox 62.0 Windows 7 x64
请问设置里 静音其他实例 是什么意思啊?
头像 buyiban540 2018-02-25 22:03:53  回复该评论 Google Chrome 64.0.3282.186 Windows 7 x64
什么时间能够整合到编辑器? 付费也行?
头像 公众号共享免费福利 2018-03-19 23:35:58  回复该评论 Google Chrome 55.0.2883.87 Windows 7 x64
嗯 我也同求!
头像 liufangg 2017-12-11 23:48:05  回复该评论 Google Chrome 62.0.3202.94 Windows 7
文章首页显示音乐地址,怎么支持首页播放啊.
头像 梦随乡兮 2017-09-17 01:16:34  回复该评论 Google Chrome 55.0.2883.87 Windows 10 x64
网页侧栏的才是真爱啊!
头像 1070816008 开发者 2017-04-27 20:23:26  回复该评论 Google Chrome 60.0.3082.0 Windows 10 x64
(`・ω・´) 有问题和建议 请到 https://www.fghrsh.net/post/77.html 留言
头像 1070816008 开发者 2017-04-27 20:21:43  回复该评论 Google Chrome 60.0.3082.0 Windows 10 x64
( ´_ゝ`) 有打算适配 UEditor 编辑器,有生之年系列 233
头像 小萝博客 2017-04-26 11:12:32  回复该评论 Google Chrome 55.0.2883.87 Windows 7 x64
给满分
头像 很紧张 2017-04-24 20:52:59  回复该评论 Google Chrome 57.0.2987.133 Windows 7
新建文章时,在编辑器中添加mp3 url、名称,再插入是不是更友好点???
想了解我更多?(ノ*・ω・)ノ 到 About me 页吧

购买条款


1. 您购买一个应用,即表示默认接受并认同符合您的使用需求。因为其为特殊服务,购买后无论是否有被使用,都不能退款
2. 一个应用仅可用于单一账号使用,未经本站和许可方同意,不得二次发布、赠送、转售、租让等,否则我们将永久关闭用户账号并保留继续追究相关责任的权利。
3. 如无特殊说明,已购买应用仅包括相关使用权及免费更新服务,默认应用中心及开发者不提供额外售后安装等服务。


购买指南


1. 请先注册账号,然后登录“应用中心”。
2. 直接点击“购买应用”,跟随指引即可。


下载指南


1. 购买者在自己的Z-Blog网站登录,进入后台,在左侧菜单栏点击“应用中心”菜单。
2. 在“应用中心”的首页,使用应用中心注册账号进行登录。
3. 进入“我的应用仓库”,即可看到已购买成功的应用,点击“下载”即可下载安装。


其它注意事项


1. 如果通过自己网站后台无法正常访问应用中心,请谨慎购买,因为这将可能导致应用无法顺利下载安装。
2. 如已购买收费应用无法正常下载,请在自己网站后台检查Z-Blog及应用更新,如均已更新至最新版本仍无法下载请及时与我们联系。
3. 应用更新时有可能覆盖本地设置,请在更新前做好备份。