Skip to content

Commit 81fcd3d

Browse files
committed
update README and demo
1 parent 0a77bbc commit 81fcd3d

2 files changed

Lines changed: 104 additions & 105 deletions

File tree

README.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,6 @@ UI 参考网易云音乐外链播放器
1717

1818
Screenshot
1919
![image](https://i.imgur.com/JDrJXCr.png)
20-
![image](https://i.imgur.com/eIRyqvT.png)
21-
![image](https://i.imgur.com/C9Cl1ad.png)
2220

2321
## Install
2422

demo/index.html

Lines changed: 104 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
max-width: 32rem;
1414
margin-left: auto;
1515
margin-right: auto;
16+
margin-bottom: 50px;
1617
}
1718
h1 {
1819
font-size: 54px;
@@ -51,6 +52,106 @@ <h1>APlayer</h1>
5152
<h2>Wow, such a beautiful html5 music player</h2>
5253
<p>Made by <a href="https://www.anotherhome.net/" target="_blank">DIYgod</a>. Available on <a href="https://github.com/DIYgod/APlayer" target="_blank">GitHub</a>. Licensed MIT.</p>
5354
<hr>
55+
<h3>Normal</h3>
56+
<div id="player1" class="aplayer"></div>
57+
<h3>With lyrics</h3>
58+
<div id="player3" class="aplayer">
59+
<pre class="aplayer-lrc-content">
60+
[by:京兆万年]
61+
[ti:回レ!雪月花 小紫ver.]
62+
[ar:小倉唯]
63+
[lr:ヒゲドライバー]
64+
[co:ヒゲドライバー]
65+
[ag:ヒゲドライバー]
66+
[00:00.00]せ〜の いちにっさんはい!(预~备 一 二 三 嗨!)
67+
[00:04.68]ほい! いよーーーーっ ぽん!(嘿 咿哟 嘭)
68+
[00:07.66]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
69+
[00:11.12]ハッハッハッハッハッハッ う~(哈 哈 哈 哈 哈 哈 呜~)
70+
[00:13.36]さぁさぁさぁ(来 来 来)
71+
[00:14.08]これよりご覧いただきますは(接下来诸位将欣赏到的是)
72+
[00:15.65]カブキ者たちの栄枯盛衰(歌舞伎演员们的荣辱盛衰)
73+
[00:17.14]時代常に日進月歩(时代总是在日新月异)
74+
[00:18.24]聞いてってよ老若男女(且听我一一道来 男女老少)
75+
[00:20.14]一見は勧善懲悪(乍一看是惩恶扬善)
76+
[00:21.49]悪者どもを一刀両断(将坏人们一刀两断)
77+
[00:22.85]「でもホンドにそれだけで楽しいの?」(“但是你真的会因此而觉得扬眉吐气吗?”)
78+
[00:25.63]もうなんだって蒟蒻問答(无论问什么 都是牛头马嘴)
79+
[00:27.58]ハッハッハッハッハッハッハィヤ(哈哈哈哈哈哈 咿呀)
80+
[00:30.57]ハッハッハッハッ(哈哈哈哈)
81+
[00:31.97]いよーーーーっ ぽん!(咿哟 嘭)
82+
[00:33.61]どこからともなく現れて(自何处出现委实难料)
83+
[00:34.96]すぐどこかへ行っちゃって神出鬼沒(眼又遁隐他处总是神出鬼没)
84+
[00:36.35]チャンスを待ったら一日千秋(若是静候机会 便是一日千秋)
85+
[00:38.03]追いかければ東奔西走(追上前去的话又要东奔西走)
86+
[00:39.68]時代常に千変万化(时代总是千变万化)
87+
[00:40.95]人の心は複雑怪奇(世人之心复杂怪奇)
88+
[00:42.31]「でも本気でそんなこ言ってんの?」(“但是说着这些话的你岂不也是难免戏谑?”)
89+
[00:45.02]もうどうにも満身創痍(也罢 无论怎样都将满身疮痍)
90+
[00:46.98]嗚呼、巡り巡って夜の町(呜呼 绕来绕去相会在这夜色下的街)
91+
[00:53.27]キミは合図出し踊りだす((由)你发出信号 (让)我们一同起舞转)
92+
[00:58.12]はぁ~(哈呜~)
93+
[00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ!(旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧!)
94+
[01:02.12]華麗に花弁 散らすように(在散落的美丽花瓣中)
95+
[01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ!(旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧!)
96+
[01:08.13]髪も振り乱して(头发凌乱又怎样?)
97+
[01:10.23]一昨日、昨日、今日と、明日と、明後日と(前日、昨日、今日、明日、后日)
98+
[01:14.13]この宴は続く(这场宴会亦不息)
99+
[01:16.31]踊レ、歌エ、一心不乱に回レ!(舞动吧 歌唱吧 一心不乱的旋转吧于)
100+
[01:20.19]今宵は雪月花(今夜的雪月花)
101+
[01:25.43]ほい! いよーーーーっ ぽん!(哈~!~哟ーーーー~嘣~!)
102+
[01:29.14]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
103+
[01:32.16]ハッハッハッハッハッハッ う~(哈 哈 哈 哈 哈 哈 呜)
104+
[01:34.39]ねぇねぇねぇ(呐~呐~呐~)
105+
[01:35.12]この世に平安訪れるの?(平安已经访问此世了吗?)
106+
[01:36.50]のべつ幕無し丁丁発止(不会闭幕的丁当争斗)
107+
[01:38.09]兵ども千客万来(官兵们接踵而来)
108+
[01:39.50]ひしめき合群雄割拠(相互吵吵嚷嚷群雄割据)
109+
[01:41.00]伸るか反るか一攫千金(成败在于敢否一举千金)
110+
[01:42.47]気が付いたら絶体絶命(回过头来却已穷途末路)
111+
[01:43.50]「でも本音のとこ、どうなってんの?」(「不过真心的所在、到底是什么样呢?」)
112+
[01:46.62]もうまったく奇想天外(真是的总这么异想天开)
113+
[01:48.51]嗚呼、辿り辿って夜の町(呜呼、追溯于夜晚小镇上)
114+
[01:54.83]迷い一つなく踊りだす(心无杂念的就此起舞吧)
115+
[01:59.68]はぁ~(哈阿~)
116+
[02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
117+
[02:03.64]華麗に花弁 散らすように(犹如花瓣华丽的散落一般)
118+
[02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
119+
[02:09.66]髪も振り乱して(长发也随风飘散)
120+
[02:11.72]一昨日、昨日、今日と、明日と、明後日と(无论前天、昨天、还是今天、明天、与后天)
121+
[02:15.63]この宴は続く(这宴会还会持续)
122+
[02:17.67]踊レ、歌エ、一心不乱に回レ!(跳吧、唱吧、一心一意的转吧!)
123+
[02:21.60]今宵は雪月花(因为今宵乃是雪月花)
124+
[02:36.74]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
125+
[02:39.72]ハッハッハッハッハッハッ さぁさぁさぁ(哈 哈 哈 哈 哈 哈 来~来~来~)
126+
[02:42.45]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
127+
[02:45.49]ハッハッハッハッハッハッ(哈 哈 哈 哈 哈 哈)
128+
[02:47.66]花で一つ、鳥で二つ(花就是一、鸟就是二)
129+
[02:51.31]手打ち鳴らす(拍着手轻声唱)
130+
[02:54.12]風で三つ、嗚呼、月出て四つ(风就是三、呜呼、月出就有四)
131+
[02:58.76]鳴らす鳴らす……(轻声唱轻轻唱……)
132+
[03:00.09]花で一つ、鳥で二つ(花就是一、鸟就是二)
133+
[03:03.34]手打ち鳴らす(拍着手轻声唱)
134+
[03:06.25]風で三つ、嗚呼、月出て四つ(风就是三、呜呼、月出就有四)
135+
[03:10.78]鳴らす鳴らす……(轻轻唱轻声唱……)
136+
[03:13.28]今は(在此)
137+
[03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
138+
[03:18.63]華麗に花弁 散らすように(犹如花瓣华丽的散落一般)
139+
[03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
140+
[03:24.60]髪も振り乱して(长发也随风飘散)
141+
[03:26.72]一昨日、昨日、今日と、明日と、明後日と(无论前天、昨天、还是今天、明天、与后天)
142+
[03:30.67]この宴は続く(这宴会不会结束)
143+
[03:32.75]踊レ、歌エ、一心不乱に回レ!(跳吧、唱吧、一心一意的转吧!)
144+
[03:36.63]今宵は何曜日か?(今宵是星期几呢?)
145+
[03:39.02]水木金?(三四五?)
146+
[03:40.56]土日月火?(六七一二?)
147+
[03:44.11]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
148+
[03:47.00]ハッハッハッハッ(哈 哈 哈 哈 哈 哈)
149+
[03:48.57]いよーーーーっ ぽん!(~哟ーーーー~嘣~!)
150+
[03:50.43]-終わり-(-End-)
151+
</pre>
152+
</div>
153+
<h3>With playlist</h3>
154+
<div id="player4" class="aplayer"></div>
54155
<h3>With playlist and lyrics</h3>
55156
<div id="player5" class="aplayer">
56157
<pre class="aplayer-lrc-content">
@@ -245,115 +346,15 @@ <h3>With playlist and lyrics</h3>
245346
[03:50.43]-終わり-(-End-)
246347
</pre>
247348
</div>
248-
<h3>With playlist</h3>
249-
<div id="player4" class="aplayer"></div>
250-
<h3>With lyrics</h3>
251-
<div id="player3" class="aplayer">
252-
<pre class="aplayer-lrc-content">
253-
[by:京兆万年]
254-
[ti:回レ!雪月花 小紫ver.]
255-
[ar:小倉唯]
256-
[lr:ヒゲドライバー]
257-
[co:ヒゲドライバー]
258-
[ag:ヒゲドライバー]
259-
[00:00.00]せ〜の いちにっさんはい!(预~备 一 二 三 嗨!)
260-
[00:04.68]ほい! いよーーーーっ ぽん!(嘿 咿哟 嘭)
261-
[00:07.66]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
262-
[00:11.12]ハッハッハッハッハッハッ う~(哈 哈 哈 哈 哈 哈 呜~)
263-
[00:13.36]さぁさぁさぁ(来 来 来)
264-
[00:14.08]これよりご覧いただきますは(接下来诸位将欣赏到的是)
265-
[00:15.65]カブキ者たちの栄枯盛衰(歌舞伎演员们的荣辱盛衰)
266-
[00:17.14]時代常に日進月歩(时代总是在日新月异)
267-
[00:18.24]聞いてってよ老若男女(且听我一一道来 男女老少)
268-
[00:20.14]一見は勧善懲悪(乍一看是惩恶扬善)
269-
[00:21.49]悪者どもを一刀両断(将坏人们一刀两断)
270-
[00:22.85]「でもホンドにそれだけで楽しいの?」(“但是你真的会因此而觉得扬眉吐气吗?”)
271-
[00:25.63]もうなんだって蒟蒻問答(无论问什么 都是牛头马嘴)
272-
[00:27.58]ハッハッハッハッハッハッハィヤ(哈哈哈哈哈哈 咿呀)
273-
[00:30.57]ハッハッハッハッ(哈哈哈哈)
274-
[00:31.97]いよーーーーっ ぽん!(咿哟 嘭)
275-
[00:33.61]どこからともなく現れて(自何处出现委实难料)
276-
[00:34.96]すぐどこかへ行っちゃって神出鬼沒(眼又遁隐他处总是神出鬼没)
277-
[00:36.35]チャンスを待ったら一日千秋(若是静候机会 便是一日千秋)
278-
[00:38.03]追いかければ東奔西走(追上前去的话又要东奔西走)
279-
[00:39.68]時代常に千変万化(时代总是千变万化)
280-
[00:40.95]人の心は複雑怪奇(世人之心复杂怪奇)
281-
[00:42.31]「でも本気でそんなこ言ってんの?」(“但是说着这些话的你岂不也是难免戏谑?”)
282-
[00:45.02]もうどうにも満身創痍(也罢 无论怎样都将满身疮痍)
283-
[00:46.98]嗚呼、巡り巡って夜の町(呜呼 绕来绕去相会在这夜色下的街)
284-
[00:53.27]キミは合図出し踊りだす((由)你发出信号 (让)我们一同起舞转)
285-
[00:58.12]はぁ~(哈呜~)
286-
[00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ!(旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧!)
287-
[01:02.12]華麗に花弁 散らすように(在散落的美丽花瓣中)
288-
[01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ!(旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧!)
289-
[01:08.13]髪も振り乱して(头发凌乱又怎样?)
290-
[01:10.23]一昨日、昨日、今日と、明日と、明後日と(前日、昨日、今日、明日、后日)
291-
[01:14.13]この宴は続く(这场宴会亦不息)
292-
[01:16.31]踊レ、歌エ、一心不乱に回レ!(舞动吧 歌唱吧 一心不乱的旋转吧于)
293-
[01:20.19]今宵は雪月花(今夜的雪月花)
294-
[01:25.43]ほい! いよーーーーっ ぽん!(哈~!~哟ーーーー~嘣~!)
295-
[01:29.14]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
296-
[01:32.16]ハッハッハッハッハッハッ う~(哈 哈 哈 哈 哈 哈 呜)
297-
[01:34.39]ねぇねぇねぇ(呐~呐~呐~)
298-
[01:35.12]この世に平安訪れるの?(平安已经访问此世了吗?)
299-
[01:36.50]のべつ幕無し丁丁発止(不会闭幕的丁当争斗)
300-
[01:38.09]兵ども千客万来(官兵们接踵而来)
301-
[01:39.50]ひしめき合群雄割拠(相互吵吵嚷嚷群雄割据)
302-
[01:41.00]伸るか反るか一攫千金(成败在于敢否一举千金)
303-
[01:42.47]気が付いたら絶体絶命(回过头来却已穷途末路)
304-
[01:43.50]「でも本音のとこ、どうなってんの?」(「不过真心的所在、到底是什么样呢?」)
305-
[01:46.62]もうまったく奇想天外(真是的总这么异想天开)
306-
[01:48.51]嗚呼、辿り辿って夜の町(呜呼、追溯于夜晚小镇上)
307-
[01:54.83]迷い一つなく踊りだす(心无杂念的就此起舞吧)
308-
[01:59.68]はぁ~(哈阿~)
309-
[02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
310-
[02:03.64]華麗に花弁 散らすように(犹如花瓣华丽的散落一般)
311-
[02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
312-
[02:09.66]髪も振り乱して(长发也随风飘散)
313-
[02:11.72]一昨日、昨日、今日と、明日と、明後日と(无论前天、昨天、还是今天、明天、与后天)
314-
[02:15.63]この宴は続く(这宴会还会持续)
315-
[02:17.67]踊レ、歌エ、一心不乱に回レ!(跳吧、唱吧、一心一意的转吧!)
316-
[02:21.60]今宵は雪月花(因为今宵乃是雪月花)
317-
[02:36.74]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
318-
[02:39.72]ハッハッハッハッハッハッ さぁさぁさぁ(哈 哈 哈 哈 哈 哈 来~来~来~)
319-
[02:42.45]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
320-
[02:45.49]ハッハッハッハッハッハッ(哈 哈 哈 哈 哈 哈)
321-
[02:47.66]花で一つ、鳥で二つ(花就是一、鸟就是二)
322-
[02:51.31]手打ち鳴らす(拍着手轻声唱)
323-
[02:54.12]風で三つ、嗚呼、月出て四つ(风就是三、呜呼、月出就有四)
324-
[02:58.76]鳴らす鳴らす……(轻声唱轻轻唱……)
325-
[03:00.09]花で一つ、鳥で二つ(花就是一、鸟就是二)
326-
[03:03.34]手打ち鳴らす(拍着手轻声唱)
327-
[03:06.25]風で三つ、嗚呼、月出て四つ(风就是三、呜呼、月出就有四)
328-
[03:10.78]鳴らす鳴らす……(轻轻唱轻声唱……)
329-
[03:13.28]今は(在此)
330-
[03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
331-
[03:18.63]華麗に花弁 散らすように(犹如花瓣华丽的散落一般)
332-
[03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ!(转啊转啊转啊转啊转啊转啊转啊转啊转啊!)
333-
[03:24.60]髪も振り乱して(长发也随风飘散)
334-
[03:26.72]一昨日、昨日、今日と、明日と、明後日と(无论前天、昨天、还是今天、明天、与后天)
335-
[03:30.67]この宴は続く(这宴会不会结束)
336-
[03:32.75]踊レ、歌エ、一心不乱に回レ!(跳吧、唱吧、一心一意的转吧!)
337-
[03:36.63]今宵は何曜日か?(今宵是星期几呢?)
338-
[03:39.02]水木金?(三四五?)
339-
[03:40.56]土日月火?(六七一二?)
340-
[03:44.11]ハッハッハッハッハッハッハィヤ(哈 哈 哈 哈 哈 哈 嗨呀)
341-
[03:47.00]ハッハッハッハッ(哈 哈 哈 哈 哈 哈)
342-
[03:48.57]いよーーーーっ ぽん!(~哟ーーーー~嘣~!)
343-
[03:50.43]-終わり-(-End-)
344-
</pre>
345-
</div>
346-
<h3>Normal</h3>
347-
<div id="player1" class="aplayer"></div>
348-
<h3>Narrow style</h3>
349+
<h3>Narrow</h3>
349350
<div id="player2" class="aplayer"></div>
350351
</div>
351352
<script src="../dist/APlayer.min.js"></script>
352353
<script>
353354
var ap1 = new APlayer({
354355
element: document.getElementById('player1'),
355356
narrow: false,
356-
autoplay: false,
357+
autoplay: true,
357358
showlrc: false,
358359
theme: '#e6d0b2',
359360
music: {
@@ -427,7 +428,7 @@ <h3>Narrow style</h3>
427428
var ap5 = new APlayer({
428429
element: document.getElementById('player5'),
429430
narrow: false,
430-
autoplay: true,
431+
autoplay: false,
431432
showlrc: true,
432433
theme: '#ad7a86',
433434
music: [

0 commit comments

Comments
 (0)