APlayer
> Wow, such a lovely HTML5 music player
[](https://www.npmjs.com/package/aplayer)
[](https://github.com/MoePlayer/APlayer/blob/master/LICENSE)
[](https://david-dm.org/MoePlayer/APlayer#info=devDependencies)
[](https://www.npmjs.com/package/aplayer)
[](https://travis-ci.org/MoePlayer/APlayer)
[](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)
## 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)
- Feel free to submit yours in [`Let me know!`](https://github.com/MoePlayer/APlayer/issues/79)
## Who use APlayer?
- [Anotherhome](https://www.anotherhome.net/2717)
- [站长之家](http://www.chinaz.com/15year/index.html)
- [TheFatRat](http://thefatrat.cn/)
- [Jelly Rue](http://jellyrue.com/)
- [LWL的自由天空](https://blog.lwl12.com/read/hermit-x.html)
- [萨摩公园](https://i-meto.com/meting-typecho/)
- [ZGQ's Blog](https://blog.izgq.net/archives/456/)
- [FGHRSH 的博客](https://www.fghrsh.net/post/77.html)
- [Blessing Studio](https://blessing.studio/generate-aplayer-config-from-netease-automatically/)
- [暮光博客](https://muguang.me/guff/2645.html)
- [Justice_Eternal吧曲谱资源站](http://lightmoon.pw)
- [Justice_Eternal吧曲谱资源站(移动端)](https://justice-eternal.github.io/)
- [歌词千寻](https://www.lrcgc.com/diy)
- [SORA](http://mashirosorata.vicp.io/APlayer-Controler%E2%80%94%E2%80%94%E5%8F%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84ap%E6%8E%A7%E5%88%B6%E5%99%A8.html)
- [iSearch](http://i.oppsu.cn)
- [LRC歌词编辑器](https://github.com/MoeFE/Lyric)
- Feel free to submit yours in [`Let me know!`](https://github.com/MoePlayer/APlayer/issues/79)
## CDN
- [unpkg](https://unpkg.com/aplayer)
- [cdnjs](https://cdnjs.com/libraries/aplayer)
- [BootCDN](http://www.bootcdn.cn/aplayer/)
- [RawGit](https://rawgit.com/MoePlayer/APlayer/master/dist/APlayer.min.js)
## Donate
- [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
## 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 [@Anotherhome](https://www.anotherhome.net) · GitHub [@DIYgod](https://github.com/DIYgod) · Twitter [@DIYgod](https://twitter.com/DIYgod) · Weibo [@DIYgod酱](http://weibo.com/anotherhome) · Telegram Channel [@awesomeDIYgod](https://t.me/awesomeDIYgod)