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 解析时可用
1. 您在购买应用前,须要先确认该应用是否符合您的使用需求,数字化商品不支持试用。依据《消费者权益保护法》第二十五条规定,该应用为在线下载的数字化商品,在购买后一经下载安装不能退款。
2. 您在应用中心购买的应用,仅是该应用的许可使用权,该应用的所有权仍归应用提供方所有。
3. 一个应用仅可用于单一账号使用,未经本站和应用提供方同意,不得二次发布、赠送、转售、租让、盗版等,否则我们将永久关闭用户账号并保留继续追究相关责任的权利。
4. 如包含该应用的网站被转售或赠送、租让等,请另用新账号购买该应用或移除该应用,否则将视为违反使用协议被永久取消该账号的使用权利。
5. 如无特殊说明,已购买应用仅包括相关使用权及免费更新服务,应用中心及应用提供方不提供额外售后安装等服务。
6. 您使用应用中所存在的风险,完全由用户自己承担,包括系统受损、资料丢失以及其它任何风险。
7. 用户不得利用该应用以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部法律责任,本站及应用提供方不承担任何责任。
8. 应用提供方和本站如发现用户将应用安装于黄赌毒诈等非法网站,将停止用户相关的使用权和服务,并将用户相关违法信息上报至网络监管部门。
9. 本站及应用提供方保留在不通知您及不对您承担责任的情况下变更、限制、冻结或终止您对某些内容的使用的权利。
1. 请先注册账号,然后登录“应用中心”。
2. 直接点击“购买应用”,跟随指引即可。
1. 购买者在自己的Z-Blog网站登录,进入后台,在左侧菜单栏点击“应用中心”菜单。
2. 在“应用中心”的首页,使用应用中心注册账号进行登录。
3. 进入“我的应用仓库”,即可看到已购买成功的应用,点击“下载”即可下载安装。
1. 如果通过自己网站后台无法正常访问应用中心,请谨慎购买,因为这将可能导致应用无法顺利下载安装。
2. 如已购买收费应用无法正常下载,请在自己网站后台检查Z-Blog及应用更新,如均已更新至最新版本仍无法下载请及时与我们联系。
3. 应用更新时有可能覆盖本地设置,请在更新前做好备份。