APlayer
> Wow, such a lovely HTML5 music player
[](https://www.npmjs.com/package/aplayer)
[](https://github.com/MoePlayer/APlayer/blob/master/LICENSE)
[](https://www.npmjs.com/package/aplayer)
[](https://github.com/MoePlayer/APlayer/tree/master/dist)
[](https://travis-ci.org/MoePlayer/APlayer)
[](https://david-dm.org/MoePlayer/APlayer#info=devDependencies)
[](https://github.com/MoePlayer/APlayer#donate)
## Introduction
APlayer is a lovely HTML5 music player to help people build audio easily.
**APlayer supports:**
- Media formats
- MP4 H.264 (AAC or MP3)
- WAVE PCM
- Ogg Theora Vorbis
- Features
- Playlist
- Lyrics
Using APlayer on your project? [Let me know!](https://github.com/MoePlayer/APlayer/issues/79)
**[Demo](http://aplayer.js.org)**
**[Docs](http://aplayer.js.org/docs)**
## Install
```
$ npm install aplayer --save
```
## Quick Start
```html
```
```js
var ap = new APlayer({
element: document.getElementById('aplayer1'),
music: {
title: 'Preparation',
author: 'Hans Zimmer/Richard Harvey',
url: 'Preparation.mp3',
}
});
```
## Usage
[Read the Docs](http://aplayer.js.org/docs)
## CDN
- [jsDelivr](https://www.jsdelivr.com/package/npm/aplayer)
- [cdnjs](https://cdnjs.com/libraries/aplayer)
- [unpkg](https://unpkg.com/aplayer/)
## Join the Discussion
- [Telegram Group](https://t.me/adplayer)
- [QQ Group](https://shang.qq.com/wpa/qunwpa?idkey=bf22213ae0028a82e5adf3f286dfd4f01e0997dc9f1dcd8e831a0a85e799be17): 415835947
## Related Projects
- [APlayer-Typecho-Plugin](https://github.com/zgq354/APlayer-Typecho-Plugin)
- [hexo-tag-aplayer](https://github.com/grzhan/hexo-tag-aplayer)
- [163music-APlayer-you-get-docker](https://github.com/YUX-IO/163music-APlayer-you-get-docker)
- [Hermit-X(APlayer for WordPress)](https://github.com/liwanglin12/Hermit-X)
- [vue-aplayer](https://github.com/SevenOutman/vue-aplayer)
- [APlayer_for_Z-BlogPHP](https://github.com/fghrsh/APlayer_for_Z-BlogPHP)
- [php-aplayer](https://github.com/Daryl-L/php-aplayer)
- [react-aplayer](https://github.com/sabrinaluo/react-aplayer)
- [vue-aplayer](https://github.com/MoeFE/vue-aplayer)
- [APlayer-Controler](https://github.com/Mashiro-Sorata/APlayer-Controler)
- [APlayerHandle](https://github.com/kn007/APlayerHandle)
- [MetingJS](https://github.com/metowolf/MetingJS)
- Feel free to submit yours in [`Let me know!`](https://github.com/MoePlayer/APlayer/issues/79)
## Who use APlayer?
- [站长之家](http://www.chinaz.com/15year/index.html)
- [TheFatRat](http://thefatrat.cn/)
- [Jelly Rue](http://jellyrue.com/)
- [Justice_Eternalå§æ›²è°±èµ„æºç«™](http://lightmoon.pw)
- [Justice_Eternalå§æ›²è°±èµ„æºç«™(移动端)](https://justice-eternal.github.io/)
- [æŒè¯åƒå¯»](https://www.lrcgc.com/diy)
- [iSearch](http://i.oppsu.cn)
- [LRCæŒè¯ç¼–辑器](https://github.com/MoeFE/Lyric)
- [LLSupport](https://www.lovelivesupport.com/)
- [ÐÑроÑтатика](https://aerostatica.ru/)
- Feel free to submit yours in [`Let me know!`](https://github.com/MoePlayer/APlayer/issues/79)
## Donate
- [Donate via OpenCollective](https://opencollective.com/aplayer)
- [Donate via Paypal](https://www.paypal.me/DIYgod)
- [Donate via WeChat Pay](https://ws4.sinaimg.cn/large/006tKfTcgy1fhu1uowywej307s07st8h.jpg)
- [Donate via Alipay](https://ws4.sinaimg.cn/large/006tKfTcgy1fhu1vf4ih7j307s07sdfm.jpg)
- Donate via Bitcoin: 13CwQLHzPYm2tewNMSJBeArbbRM5NSmCD1
## Sponsor
Thank you to all our sponsors!
## Contributors
This project exists thanks to all the people who contribute.
## Backers
Thank you to all our backers!
## Author
**APlayer** © [DIYgod](https://github.com/DIYgod), Released under the [MIT](./LICENSE) License.
Authored and maintained by DIYgod with help from contributors ([list](https://github.com/DIYgod/APlayer/contributors)).
> [Blog](https://diygod.me) · GitHub [@DIYgod](https://github.com/DIYgod) · Twitter [@DIYgod](https://twitter.com/DIYgod) · Telegram Channel [@awesomeDIYgod](https://t.me/awesomeDIYgod)
