音乐插件 Aplayer 食用方法

前言

在偶然之间发现了这个播放器，界面还挺美观的，支持 https

食用

将这三行代码放进网站里

<!-- MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
<!-- Aplayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.js"></script>

建议 Aplayer 与 MetingJS 配合使用，因 Aplayer 本身比较复杂且繁琐

需要注意 Meting.min.js 必须在 jquery.min.js 后

现在就可以在需要使用音乐的地方插入代码

<meting-js server="XXX" type="XXX" id="XXX"></meting-js>

其中若遇到 VIP 歌曲，则只会播放前 30 秒

示例

由于 Pjax 的缘故，如果看不到播放器的话，请 刷新页面

<meting-js server="netease" type="song" id="1870510466"></meting-js>

<meting-js server="netease" type="song" id="29717653" theme="#02696E"></meting-js>

<meting-js server="netease" type="playlist" id="626864109"></meting-js>

其中部分参数如下

参数	默认值	描述
id	必须值	歌曲 id 歌单 id 相册 id 搜索关键词
server	必须值	netease（网易云音乐） tencent（QQ音乐） xiami（虾米音乐） kugou（酷狗音乐） baidu（百度音乐）
type	必须值	song（单曲） album（专辑） playlist（歌单） search（搜索）
autoplay	false	自动播放
fixed	false	吸底模式
mini	false	迷你模式
theme	#2980b9	主题色
loop	all	all（列表循环） one（单曲循环） none（不循环）
order	list	list（顺序播放） random（随机播放）
volume	0.7	音量
listfolded	false	是否折叠
listmaxheight	340px	播放列表最大长度
mutex	true	与其他 aplayer 不可同时播放

更多设置请前往：

Aplayer

https://aplayer.js.org/#/zh-Hans/

GitHub - metowolf/MetingJS

https://github.com/metowolf/MetingJS

Hexo 插件

如果网站使用 Hexo 进行生成，则可安装 hexo-tag-aplayer 插件

GitHub - MoePlayer/hexo-tag-aplayer

https://github.com/MoePlayer/hexo-tag-aplayer

npm install --save hexo-tag-aplayer

然后在 Hexo 的 _config.yml 中增加如下代码

aplayer:
  meting: true

在需要使用音乐的地方插入代码

{% meting "id" "server" "type" %}