|
1 | | -# APlayer |
| 1 | +<p align="center"> |
| 2 | +<img src="https://ws4.sinaimg.cn/large/006tKfTcgy1fhu01y9uy7j305k04s3yc.jpg" alt="ADPlayer" width="100"> |
| 3 | +</p> |
| 4 | +<h1 align="center">APlayer</h1> |
| 5 | + |
| 6 | +> Wow, such a lovely HTML5 music player |
2 | 7 |
|
3 | 8 | [](https://www.npmjs.com/package/aplayer) |
4 | 9 | [](https://github.com/DIYgod/APlayer/blob/master/LICENSE) |
5 | 10 | [](https://david-dm.org/DIYgod/APlayer#info=devDependencies) |
6 | 11 | [](https://www.npmjs.com/package/aplayer) |
7 | 12 | [](https://travis-ci.org/DIYgod/APlayer) |
8 | | -[](https://www.anotherhome.net/) |
9 | | - |
10 | | -> Wow, such a beautiful html5 music player |
| 13 | +[](https://github.com/DIYgod/APlayer#donate) |
11 | 14 |
|
12 | 15 | ## Introduction |
13 | 16 |
|
14 | | -[Demo](http://aplayer.js.org) |
15 | | - |
16 | | -[Docs](http://aplayer.js.org/docs) |
17 | | - |
18 | | -Using APlayer on your project? [Let me know!](https://github.com/DIYgod/APlayer/issues/79) |
19 | | - |
20 | | -Screenshot |
21 | 17 |  |
22 | 18 |
|
23 | | -## Install |
24 | | - |
25 | | -``` |
26 | | -$ npm install aplayer --save |
27 | | -``` |
28 | | - |
29 | | -## CDN |
| 19 | +APlayer is a lovely HTML5 music player to help people build audio easily. |
30 | 20 |
|
31 | | -[unpkg](https://unpkg.com/aplayer) |
| 21 | +**APlayer supports:** |
32 | 22 |
|
33 | | -[cdnjs](https://cdnjs.com/libraries/aplayer) |
| 23 | +- Media formats |
| 24 | + - MP3 |
| 25 | + - WAVE PCM |
| 26 | + - Ogg Theora Vorbis |
| 27 | +- Features |
| 28 | + - Playlist |
| 29 | + - Lyrics |
34 | 30 |
|
35 | | -[BootCDN](http://www.bootcdn.cn/aplayer) |
| 31 | +Using APlayer on your project? [Let me know!](https://github.com/DIYgod/APlayer/issues/79) |
36 | 32 |
|
37 | | -## Usage |
| 33 | +**[Demo](http://aplayer.js.org)** |
38 | 34 |
|
39 | | -See [docs](http://aplayer.js.org/docs) |
| 35 | +**[Docs](http://aplayer.js.org/docs)** |
40 | 36 |
|
41 | | -## Run in development |
| 37 | +## Install |
42 | 38 |
|
43 | 39 | ``` |
44 | | -$ npm install |
45 | | -$ npm run dev |
| 40 | +$ npm install aplayer --save |
46 | 41 | ``` |
47 | 42 |
|
48 | | -## Make a release |
| 43 | +## Quick Start |
49 | 44 |
|
| 45 | +```html |
| 46 | +<div id="alayer1"></div> |
| 47 | +<script src="dist/APlayer.min.js"></script> |
50 | 48 | ``` |
51 | | -$ npm install |
52 | | -$ npm run build |
| 49 | + |
| 50 | +```js |
| 51 | +var ap = new APlayer({ |
| 52 | + element: document.getElementById('player1'), |
| 53 | + music: { |
| 54 | + title: 'Preparation', |
| 55 | + author: 'Hans Zimmer/Richard Harvey', |
| 56 | + url: 'Preparation.mp3', |
| 57 | + } |
| 58 | +}); |
53 | 59 | ``` |
54 | 60 |
|
55 | | -## Communication Groups |
| 61 | +## Usage |
| 62 | + |
| 63 | +[Read the Docs](http://aplayer.js.org/docs) |
56 | 64 |
|
57 | | -[Telegram Group](https://t.me/adplayer) |
| 65 | +## Join the Discussion |
58 | 66 |
|
59 | | -[QQ Group: 415835947](https://shang.qq.com/wpa/qunwpa?idkey=bf22213ae0028a82e5adf3f286dfd4f01e0997dc9f1dcd8e831a0a85e799be17) |
| 67 | +- [Telegram Group](https://t.me/adplayer) |
| 68 | +- [QQ Group](https://shang.qq.com/wpa/qunwpa?idkey=bf22213ae0028a82e5adf3f286dfd4f01e0997dc9f1dcd8e831a0a85e799be17): 415835947 |
60 | 69 |
|
61 | 70 | ## Related Projects |
62 | 71 |
|
63 | 72 | - [APlayer-Typecho-Plugin](https://github.com/zgq354/APlayer-Typecho-Plugin) |
64 | | - |
65 | 73 | - [hexo-tag-aplayer](https://github.com/grzhan/hexo-tag-aplayer) |
66 | | - |
67 | 74 | - [163music-APlayer-you-get-docker](https://github.com/YUX-IO/163music-APlayer-you-get-docker) |
68 | | - |
69 | 75 | - [Hermit-X(APlayer for WordPress)](https://github.com/liwanglin12/Hermit-X) |
70 | | - |
71 | 76 | - [vue-aplayer](https://github.com/SevenOutman/vue-aplayer) |
72 | | - |
73 | 77 | - [APlayer_for_Z-BlogPHP](https://github.com/fghrsh/APlayer_for_Z-BlogPHP) |
74 | | - |
75 | 78 | - [php-aplayer](https://github.com/Daryl-L/php-aplayer) |
| 79 | +- [react-aplayer](https://github.com/sabrinaluo/react-aplayer) |
| 80 | +- Feel free to submit yours in [`Let me know!`](https://github.com/DIYgod/APlayer/issues/79) |
| 81 | + |
| 82 | +## Who use APlayer? |
| 83 | + |
| 84 | +- [Anotherhome](https://www.anotherhome.net/2717) |
| 85 | +- [站长之家](http://www.chinaz.com/15year/index.html) |
| 86 | +- [TheFatRat](http://thefatrat.cn/) |
| 87 | +- [Jelly Rue](http://jellyrue.com/) |
| 88 | +- [LWL的自由天空](https://blog.lwl12.com/read/hermit-x.html) |
| 89 | +- [萨摩公园](https://i-meto.com/meting-typecho/) |
| 90 | +- [ZGQ's Blog](https://blog.izgq.net/archives/456/) |
| 91 | +- [FGHRSH 的博客](https://www.fghrsh.net/post/77.html) |
| 92 | +- [Blessing Studio](https://blessing.studio/generate-aplayer-config-from-netease-automatically/) |
| 93 | +- [暮光博客](https://muguang.me/guff/2645.html) |
| 94 | +- Feel free to submit yours in [`Let me know!`](https://github.com/DIYgod/APlayer/issues/79) |
| 95 | + |
| 96 | +## CDN |
| 97 | + |
| 98 | +- [unpkg](https://unpkg.com/aplayer) |
| 99 | +- [cdnjs](https://cdnjs.com/libraries/aplayer) |
| 100 | +- [BootCDN](http://www.bootcdn.cn/aplayer/) |
| 101 | +- [RawGit](https://rawgit.com/DIYgod/APlayer/master/dist/APlayer.min.js) |
| 102 | + |
| 103 | +## Donate |
| 104 | + |
| 105 | +- [Donate via Paypal](https://www.paypal.me/DIYgod) |
| 106 | +- [Donate via WeChat Pay](https://ws4.sinaimg.cn/large/006tKfTcgy1fhu1uowywej307s07st8h.jpg) |
| 107 | +- [Donate via Alipay](https://ws4.sinaimg.cn/large/006tKfTcgy1fhu1vf4ih7j307s07sdfm.jpg) |
| 108 | +- Donate via Bitcoin: 13CwQLHzPYm2tewNMSJBeArbbRM5NSmCD1 |
| 109 | + |
| 110 | +## Author |
76 | 111 |
|
77 | | -## LICENSE |
| 112 | +**APlayer** © [DIYgod](https://github.com/DIYgod), Released under the [MIT](./LICENSE) License.<br> |
| 113 | +Authored and maintained by DIYgod with help from contributors ([list](https://github.com/DIYgod/APlayer/contributors)). |
78 | 114 |
|
79 | | -[The Star And Thank Author License (SATA)](https://github.com/DIYgod/APlayer/blob/master/LICENSE) |
| 115 | +> 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) |
0 commit comments