## Requirement
https://github.com/MoePlayer/APlayer
|Version|API Status|APlayer|
|---|---|---|
|1.2.x|Supported|[](https://github.com/MoePlayer/APlayer)|
|2.0.x|Latest|[](https://github.com/MoePlayer/APlayer)|
## CDN
- https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js
- https://unpkg.com/meting@2/dist/Meting.min.js
## Quick Start
```html
```
https://music.163.com/#/playlist?id=60198
```html
```
https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html
```html
```
for self-hosted media
```html
[00:00.00]This
[00:04.01]is
[00:08.02]lyric
```
Fixed mode with Lyric text
## Option
|option |default |description|
|:--------------------|:------------:|:----------|
|id |**require** |song id / playlist id / album id / search keyword|
|server |**require** |music platform: `netease`, `tencent`, `kugou`, `xiami`, `baidu`|
|type |**require** |`song`, `playlist`, `album`, `search`, `artist`|
|auto |options |music link, support: `netease`, `tencent`, `xiami`|
|api |options |custom api url, support self-hosted [Meting API](https://github.com/metowolf/Meting)|
|fixed |`false` |enable fixed mode|
|mini |`false` |enable mini mode|
|autoplay |`false` |audio autoplay|
|theme |`#2980b9` |main color|
|loop |`all` |player loop play, values: 'all', 'one', 'none'|
|order |`list` |player play order, values: 'list', 'random'|
|preload |`auto` |values: 'none', 'metadata', 'auto'|
|volume |`0.7` |default volume, notice that player will remember user setting, default volume will not work after user set volume themselves|
|mutex |`true` |prevent to play multiple player at the same time, pause other players when this player start play|
|lrc-type |`0` |lyric type|
|list-folded |`false` |indicate whether list should folded at first|
|list-max-height |`340px` |list max height|
|storage-name |`metingjs` |localStorage key that store player setting|
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).
### Global API Configuration
```html
```
### Per-Element API Configuration
You can also set a custom API for individual `` elements using the `api` attribute:
```html
```
### API Priority
The API selection follows this priority order:
1. **Element `api` attribute** (highest priority)
2. **Global `window.meting_api` variable**
3. **Built-in default API** (lowest priority)
## Browser support
Browsers without [native custom element support](https://caniuse.com/#feat=custom-elementsv1) require a [polyfill](https://github.com/webcomponents/custom-elements).
- Chrome
- Firefox
- Safari
- Internet Explorer 11
- Microsoft Edge
## 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)