APlayer是基佬@DIYGod开发维护的一款HTML5在线音乐播放器，支持本地音频播放，网易云音乐的歌曲、封面、歌词解析。而博主@zgq354此前已经将其整合为typecho插件，不过这款插件已经很久没有更新，解析出来的网易云音乐数据并没有使用https安全协议。

昨天DIY帮我解决了播放器与Pjax的兼容问题，顺手我又将插件的云音乐解析部分做了部分改动，现在该插件已经支持网易云音乐的https解析。

更新历史：

2017/09/06 修复了 PHP 5.4 版本以下不支持对象实例化语句链式调用的 BUG

2017/07/28 修复了缓存无法创建的Bug，APlayer版本升级为1.6.0

2017/06/15 使用了Meting云音乐API解析库

介绍

通过简短的代码在文章或页面中插入漂亮的Html5播放器

自动解析lrc链接，可根据歌曲名和歌手名自动查找封面并生成缓存

支持网易云音乐单曲、歌单、专辑、歌手id的解析

与APlayer保持同步更新

声明

本插件仅供个人学习研究使用，请勿将其用作商业用途，音乐版权归网易云音乐 music.163.com 所有。

安装

安装前请确保插件中的cache目录可写(保存缓存用，否则会让博客加载缓慢)

主机需支持curl扩展，否则将可能不能自动查找封面、解析网易云音乐id、从https的url中获取歌词(file_get_contents在不支持openssl的主机中不能打开https链接)

Download ZIP, 解压，将 APlayer-Typecho-Plugin-master 重命名为 APlayer ，之后上传到你博客中的 /usr/plugins 目录，在后台启用即可

使用方法

在文章或页面中加入下方格式的短代码即可

调用格式

单曲播放：

[player 属性1="值1" 属性2="值2" 属性3="值3" /]

or

[player 属性1="值1" 属性2="值2" 属性3="值3"][lrc]歌词[/lrc][/player]

example:

[player url="http://xxx.com/xxx.mp3" artist="Someone" title="Title" showlrc="false"/]

[player url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"][lrc][00:00.00]Test lyrics[/lrc][/player]

网易云音乐：

[player id="719102"/]

多首歌曲：

[player 属性1="值1" 属性2="值2" 属性3="值3"]

[mp3 歌曲属性1="值1" 歌曲属性2="值2" 歌曲属性3="值3"/]

[mp3 歌曲属性1="值1" 歌曲属性2="值2" 歌曲属性3="值3"][lrc]歌词[/lrc][/mp3]

[/player]

example:

[player theme="#e6d0b2" autoplay='1']

[mp3 url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"/]

[mp3 url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"][lrc][00:00.00]Test lyrics[/lrc][/mp3]

[mp3 id="29947420"/] //网易云音乐歌曲id直接解析

[/player]

网易云音乐解析示例

[单曲]

更多用法请参考Github。

用到的shortcode标签

[[player]] :整个播放器的标签，里面可用下面提到的所有属性

[mp3] :可以用歌曲属性和网易云音乐属性，用于嵌套在[player]标签内部添加音乐

[lrc] :用以添加文本的歌词，可嵌套在[mp3],[player]标签内部；只有当其父标签只定义一首歌的时候才起作用

Github