## Requirement
https://github.com/MoePlayer/APlayer
|Version|API Status|APlayer|
|---|---|---|
|1.0.x|Deprecated|[![](https://img.shields.io/badge/APlayer-^1.6.0-red.svg?longCache=true&style=for-the-badge)](https://github.com/MoePlayer/APlayer/tree/1.6.0)|
|1.1.x|Compatibility|[![](https://img.shields.io/badge/APlayer-^1.7.0-green.svg?longCache=true&style=for-the-badge)](https://github.com/MoePlayer/APlayer/tree/1.7.0)|
|1.2.x|Latest|[![](https://img.shields.io/badge/APlayer-^1.10.0-green.svg?longCache=true&style=for-the-badge)](https://github.com/MoePlayer/APlayer)|
## CDN
- https://cdn.jsdelivr.net/npm/meting@1.2/dist/Meting.min.js
- https://unpkg.com/meting@1.2/dist/Meting.min.js
## Quick Start
```html
```
https://music.163.com/#/playlist?id=60198
```html
```
for self-hosted media
```html
```
Fixed mode
## Option
|option |default |description|
|:--------------------|:------------:|:----------|
|data-id |**require** |song id / playlist id / album id / search keyword|
|data-server |**require** |music platform: `netease`, `tencent`, `kugou`, `xiami`, `baidu`|
|data-type |**require** |`song`, `playlist`, `album`, `search`, `artist`|
|data-fixed |`false` |enable fixed mode|
|data-mini |`false` |enable mini mode|
|data-autoplay |`false` |audio autoplay|
|data-theme |`#2980b9` |main color|
|data-loop |`all` |player loop play, values: 'all', 'one', 'none'|
|data-order |`list` |player play order, values: 'list', 'random'|
|data-preload |`auto` |values: 'none', 'metadata', 'auto'|
|data-volume |`0.7` |default volume, notice that player will remember user setting, default volume will not work after user set volume themselves|
|data-mutex |`true` |prevent to play multiple player at the same time, pause other players when this player start play|
|data-lrctype |`0` |lyric type|
|data-listfolded |`false` |indicate whether list should folded at first|
|data-listmaxheight |`340px` |list max height|
|data-storagename |`metingjs` |localStorage key that store player setting|
|~~data-mode~~ |**deprecated**|Instead `data-loop`, `data-order` should be used|
Documentation for APlayer can be found at https://aplayer.js.org/#/home?id=options
## Advanced
MetingJS allow you to use self-hosted API, [more information about Meting](https://github.com/metowolf/Meting).
```html
```
## Author
**MetingJS** © [metowolf](https://github.com/metowolf), Released under the [MIT](./LICENSE) License.
> Blog [@meto](https://i-meto.com) · GitHub [@metowolf](https://github.com/metowolf) · Twitter [@metowolf](https://twitter.com/metowolf) · Telegram Channel [@metooooo](https://t.me/metooooo)