本文发布于 944 天前，其中的信息可能已经有所发展或是发生改变。
近期有多位访客留言询问我的博客左下方的播放器是如何设置的。之前在【API已终止公共使用】网易云音乐API文章中写过示例，但由于API关闭，该文章在首页隐去，于是今天我写一篇文章大概介绍一下基本用法。
基础组件
APlayer
一个HTML5音乐播放器，是我的博客播放器的主体部分。
Meting
是一个音乐解析api框架，通过该框架可以自行开发属于自己的国内各大平台音乐解析api。
这并不要求我们自行创建api，我们可以使用包括Meting作者在内提供的公共api进行使用。
MetingJS
该组件是用于连接APlayer与Meting，可以快速创建相应音乐
一个简单的示例
本次设置播放器我们需要在博客中引入上述组件中的几个js、css及一些html代码。如果主题可以通过后台添加html，可以直接在后台设置。也可通过修改footer.php等主题文件设置。
具体引入方式可以根据自己主题选择。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<meting-js
fixed="true"
server="netease"
type="playlist"
id="5225821464"
order="random"
preload="none">
</meting-js>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>*jsdelivr国内访问异常，请自行更换为其他公共CDN服务，或下载后使用本地服务
这是本站设置的播放器基础代码。其中<meting-js>中参数设置是一个重点，下面我列一个表格说明一下
| 参数项 | 参数值 | 说明 | 可选值 |
| fixed | true | APlayer开启吸底模式，即现在左下角这个样子。 | false， true |
| server | netease | 即播放源平台，这里我选择的是网易云音乐。 | netease, tencent, kugou, xiami, baidu |
| type | playlist | 音乐类型，这里我选择的是歌单。 | song, playlist, album, search, artist |
| id | 5225821464 | id，由于我选择是歌单，这里便是歌单id | |
| order | random | 循环模式，这里选择的是随机循环 | 'list', 'random' |
| preload | none | 预加载，我选择的是不预加载 | 'none', 'metadata', 'auto' |
server，type取决于我们使用的api。
更多的设置项请前往APlayer[1]、MetingJS[2]文档学习。
切换页面不刷新功能请自行研究pjax等技术
以上便是本次基础设置的内容了，感谢各位的阅读。有什么问题可以在评论区留言，我会尽力进行回复。
