网站

前言

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

食用

将这三行代码放进网站里

1
2
3
4
5
<!-- 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 后

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

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

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

示例

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

1
<meting-js server="netease" type="song" id="1870510466"></meting-js>
1
<meting-js server="netease" type="song" id="29717653" theme="#02696E"></meting-js>
1
<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
GitHub - metowolf/MetingJS
https://github.com/metowolf/MetingJS

Hexo 插件

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

GitHub - MoePlayer/hexo-tag-aplayer
GitHub - MoePlayer/hexo-tag-aplayer
https://github.com/MoePlayer/hexo-tag-aplayer
1
npm install --save hexo-tag-aplayer

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

1
2
aplayer:
  meting: true

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

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