|
13 | 13 | max-width: 32rem; |
14 | 14 | margin-left: auto; |
15 | 15 | margin-right: auto; |
| 16 | + margin-bottom: 50px; |
16 | 17 | } |
17 | 18 | h1 { |
18 | 19 | font-size: 54px; |
@@ -51,6 +52,106 @@ <h1>APlayer</h1> |
51 | 52 | <h2>Wow, such a beautiful html5 music player</h2> |
52 | 53 | <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> |
53 | 54 | <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> |
54 | 155 | <h3>With playlist and lyrics</h3> |
55 | 156 | <div id="player5" class="aplayer"> |
56 | 157 | <pre class="aplayer-lrc-content"> |
@@ -245,115 +346,15 @@ <h3>With playlist and lyrics</h3> |
245 | 346 | [03:50.43]-終わり-(-End-) |
246 | 347 | </pre> |
247 | 348 | </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> |
349 | 350 | <div id="player2" class="aplayer"></div> |
350 | 351 | </div> |
351 | 352 | <script src="../dist/APlayer.min.js"></script> |
352 | 353 | <script> |
353 | 354 | var ap1 = new APlayer({ |
354 | 355 | element: document.getElementById('player1'), |
355 | 356 | narrow: false, |
356 | | - autoplay: false, |
| 357 | + autoplay: true, |
357 | 358 | showlrc: false, |
358 | 359 | theme: '#e6d0b2', |
359 | 360 | music: { |
@@ -427,7 +428,7 @@ <h3>Narrow style</h3> |
427 | 428 | var ap5 = new APlayer({ |
428 | 429 | element: document.getElementById('player5'), |
429 | 430 | narrow: false, |
430 | | - autoplay: true, |
| 431 | + autoplay: false, |
431 | 432 | showlrc: true, |
432 | 433 | theme: '#ad7a86', |
433 | 434 | music: [ |
|
0 commit comments