From 81fcd3d1944610438a7eab592baa85e82d30d9f2 Mon Sep 17 00:00:00 2001
From: DIYgod <diy.d.god@gmail.com>
Date: Fri, 15 Jan 2016 15:17:13 +0800
Subject: [PATCH] update README and demo

---
 README.md       |   2 -
 demo/index.html | 207 ++++++++++++++++++++++++------------------------
 2 files changed, 104 insertions(+), 105 deletions(-)

diff --git a/README.md b/README.md
index 62e630c..eabefe5 100644
--- a/README.md
+++ b/README.md
@@ -17,8 +17,6 @@ UI 参考网易云音乐外链播放器
 
 Screenshot
 ![image](https://i.imgur.com/JDrJXCr.png)
-![image](https://i.imgur.com/eIRyqvT.png)
-![image](https://i.imgur.com/C9Cl1ad.png)
 
 ## Install
 
diff --git a/demo/index.html b/demo/index.html
index 50fae8c..b8d8d82 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -13,6 +13,7 @@
             max-width: 32rem;
             margin-left: auto;
             margin-right: auto;
+            margin-bottom: 50px;
         }
         h1 {
             font-size: 54px;
@@ -51,6 +52,106 @@
         <h2>Wow, such a beautiful html5 music player</h2>
         <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>
         <hr>
+        <h3>Normal</h3>
+        <div id="player1" class="aplayer"></div>
+        <h3>With lyrics</h3>
+        <div id="player3" class="aplayer">
+            <pre class="aplayer-lrc-content">
+                [by:京兆万年]
+                [ti:回レ!雪月花 小紫ver.]
+                [ar:小倉唯]
+                [lr:ヒゲドライバー]
+                [co:ヒゲドライバー]
+                [ag:ヒゲドライバー]
+                [00:00.00]せ〜の　いちにっさんはい！（预~备 一 二 三 嗨！）
+                [00:04.68]ほい！　いよーーーーっ　ぽん！（嘿 咿哟 嘭）
+                [00:07.66]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
+                [00:11.12]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜~）
+                [00:13.36]さぁさぁさぁ（来 来 来）
+                [00:14.08]これよりご覧いただきますは（接下来诸位将欣赏到的是）
+                [00:15.65]カブキ者たちの栄枯盛衰（歌舞伎演员们的荣辱盛衰）
+                [00:17.14]時代常に日進月歩（时代总是在日新月异）
+                [00:18.24]聞いてってよ老若男女（且听我一一道来 男女老少）
+                [00:20.14]一見は勧善懲悪（乍一看是惩恶扬善）
+                [00:21.49]悪者どもを一刀両断（将坏人们一刀两断）
+                [00:22.85]「でもホンドにそれだけで楽しいの？」（“但是你真的会因此而觉得扬眉吐气吗？”）
+                [00:25.63]もうなんだって蒟蒻問答（无论问什么 都是牛头马嘴）
+                [00:27.58]ハッハッハッハッハッハッハィヤ（哈哈哈哈哈哈 咿呀）
+                [00:30.57]ハッハッハッハッ（哈哈哈哈）
+                [00:31.97]いよーーーーっ　ぽん！（咿哟 嘭）
+                [00:33.61]どこからともなく現れて（自何处出现委实难料）
+                [00:34.96]すぐどこかへ行っちゃって神出鬼沒（眼又遁隐他处总是神出鬼没）
+                [00:36.35]チャンスを待ったら一日千秋（若是静候机会 便是一日千秋）
+                [00:38.03]追いかければ東奔西走（追上前去的话又要东奔西走）
+                [00:39.68]時代常に千変万化（时代总是千变万化）
+                [00:40.95]人の心は複雑怪奇（世人之心复杂怪奇）
+                [00:42.31]「でも本気でそんなこ言ってんの？」（“但是说着这些话的你岂不也是难免戏谑?”）
+                [00:45.02]もうどうにも満身創痍（也罢 无论怎样都将满身疮痍）
+                [00:46.98]嗚呼、巡り巡って夜の町（呜呼 绕来绕去相会在这夜色下的街）
+                [00:53.27]キミは合図出し踊りだす（（由）你发出信号 （让）我们一同起舞转）
+                [00:58.12]はぁ～（哈呜~）
+                [00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）
+                [01:02.12]華麗に花弁　散らすように（在散落的美丽花瓣中）
+                [01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）
+                [01:08.13]髪も振り乱して（头发凌乱又怎样？）
+                [01:10.23]一昨日、昨日、今日と、明日と、明後日と（前日、昨日、今日、明日、后日）
+                [01:14.13]この宴は続く（这场宴会亦不息）
+                [01:16.31]踊レ、歌エ、一心不乱に回レ！（舞动吧 歌唱吧 一心不乱的旋转吧于）
+                [01:20.19]今宵は雪月花（今夜的雪月花）
+                [01:25.43]ほい！　いよーーーーっ　ぽん！（哈～!～哟ーーーー～嘣～!）
+                [01:29.14]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
+                [01:32.16]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜）
+                [01:34.39]ねぇねぇねぇ（呐～呐～呐～）
+                [01:35.12]この世に平安訪れるの？（平安已经访问此世了吗?）
+                [01:36.50]のべつ幕無し丁丁発止（不会闭幕的丁当争斗）
+                [01:38.09]兵ども千客万来（官兵们接踵而来）
+                [01:39.50]ひしめき合群雄割拠（相互吵吵嚷嚷群雄割据）
+                [01:41.00]伸るか反るか一攫千金（成败在于敢否一举千金）
+                [01:42.47]気が付いたら絶体絶命（回过头来却已穷途末路）
+                [01:43.50]「でも本音のとこ、どうなってんの？」（「不过真心的所在、到底是什么样呢?」）
+                [01:46.62]もうまったく奇想天外（真是的总这么异想天开）
+                [01:48.51]嗚呼、辿り辿って夜の町（呜呼、追溯于夜晚小镇上）
+                [01:54.83]迷い一つなく踊りだす（心无杂念的就此起舞吧）
+                [01:59.68]はぁ～（哈阿～）
+                [02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
+                [02:03.64]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）
+                [02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
+                [02:09.66]髪も振り乱して（长发也随风飘散）
+                [02:11.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）
+                [02:15.63]この宴は続く（这宴会还会持续）
+                [02:17.67]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）
+                [02:21.60]今宵は雪月花（因为今宵乃是雪月花）
+                [02:36.74]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
+                [02:39.72]ハッハッハッハッハッハッ　さぁさぁさぁ（哈 哈 哈 哈 哈 哈 来～来～来～）
+                [02:42.45]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
+                [02:45.49]ハッハッハッハッハッハッ（哈 哈 哈 哈 哈 哈）
+                [02:47.66]花で一つ、鳥で二つ（花就是一、鸟就是二）
+                [02:51.31]手打ち鳴らす（拍着手轻声唱）
+                [02:54.12]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）
+                [02:58.76]鳴らす鳴らす……（轻声唱轻轻唱……）
+                [03:00.09]花で一つ、鳥で二つ（花就是一、鸟就是二）
+                [03:03.34]手打ち鳴らす（拍着手轻声唱）
+                [03:06.25]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）
+                [03:10.78]鳴らす鳴らす……（轻轻唱轻声唱……）
+                [03:13.28]今は（在此）
+                [03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
+                [03:18.63]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）
+                [03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
+                [03:24.60]髪も振り乱して（长发也随风飘散）
+                [03:26.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）
+                [03:30.67]この宴は続く（这宴会不会结束）
+                [03:32.75]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）
+                [03:36.63]今宵は何曜日か？（今宵是星期几呢?）
+                [03:39.02]水木金？（三四五?）
+                [03:40.56]土日月火？（六七一二?）
+                [03:44.11]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
+                [03:47.00]ハッハッハッハッ（哈 哈 哈 哈 哈 哈）
+                [03:48.57]いよーーーーっ　ぽん！（～哟ーーーー～嘣～!）
+                [03:50.43]-終わり-（-End-）
+            </pre>
+        </div>
+        <h3>With playlist</h3>
+        <div id="player4" class="aplayer"></div>
         <h3>With playlist and lyrics</h3>
         <div id="player5" class="aplayer">
             <pre class="aplayer-lrc-content">
@@ -245,107 +346,7 @@
                 [03:50.43]-終わり-（-End-）
             </pre>
         </div>
-        <h3>With playlist</h3>
-        <div id="player4" class="aplayer"></div>
-        <h3>With lyrics</h3>
-        <div id="player3" class="aplayer">
-            <pre class="aplayer-lrc-content">
-                [by:京兆万年]
-                [ti:回レ!雪月花 小紫ver.]
-                [ar:小倉唯]
-                [lr:ヒゲドライバー]
-                [co:ヒゲドライバー]
-                [ag:ヒゲドライバー]
-                [00:00.00]せ〜の　いちにっさんはい！（预~备 一 二 三 嗨！）
-                [00:04.68]ほい！　いよーーーーっ　ぽん！（嘿 咿哟 嘭）
-                [00:07.66]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
-                [00:11.12]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜~）
-                [00:13.36]さぁさぁさぁ（来 来 来）
-                [00:14.08]これよりご覧いただきますは（接下来诸位将欣赏到的是）
-                [00:15.65]カブキ者たちの栄枯盛衰（歌舞伎演员们的荣辱盛衰）
-                [00:17.14]時代常に日進月歩（时代总是在日新月异）
-                [00:18.24]聞いてってよ老若男女（且听我一一道来 男女老少）
-                [00:20.14]一見は勧善懲悪（乍一看是惩恶扬善）
-                [00:21.49]悪者どもを一刀両断（将坏人们一刀两断）
-                [00:22.85]「でもホンドにそれだけで楽しいの？」（“但是你真的会因此而觉得扬眉吐气吗？”）
-                [00:25.63]もうなんだって蒟蒻問答（无论问什么 都是牛头马嘴）
-                [00:27.58]ハッハッハッハッハッハッハィヤ（哈哈哈哈哈哈 咿呀）
-                [00:30.57]ハッハッハッハッ（哈哈哈哈）
-                [00:31.97]いよーーーーっ　ぽん！（咿哟 嘭）
-                [00:33.61]どこからともなく現れて（自何处出现委实难料）
-                [00:34.96]すぐどこかへ行っちゃって神出鬼沒（眼又遁隐他处总是神出鬼没）
-                [00:36.35]チャンスを待ったら一日千秋（若是静候机会 便是一日千秋）
-                [00:38.03]追いかければ東奔西走（追上前去的话又要东奔西走）
-                [00:39.68]時代常に千変万化（时代总是千变万化）
-                [00:40.95]人の心は複雑怪奇（世人之心复杂怪奇）
-                [00:42.31]「でも本気でそんなこ言ってんの？」（“但是说着这些话的你岂不也是难免戏谑?”）
-                [00:45.02]もうどうにも満身創痍（也罢 无论怎样都将满身疮痍）
-                [00:46.98]嗚呼、巡り巡って夜の町（呜呼 绕来绕去相会在这夜色下的街）
-                [00:53.27]キミは合図出し踊りだす（（由）你发出信号 （让）我们一同起舞转）
-                [00:58.12]はぁ～（哈呜~）
-                [00:58.88]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）
-                [01:02.12]華麗に花弁　散らすように（在散落的美丽花瓣中）
-                [01:04.97]回レ回レ回レ回レ回レ回レ回レ回レ回レ！（旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧旋转吧！）
-                [01:08.13]髪も振り乱して（头发凌乱又怎样？）
-                [01:10.23]一昨日、昨日、今日と、明日と、明後日と（前日、昨日、今日、明日、后日）
-                [01:14.13]この宴は続く（这场宴会亦不息）
-                [01:16.31]踊レ、歌エ、一心不乱に回レ！（舞动吧 歌唱吧 一心不乱的旋转吧于）
-                [01:20.19]今宵は雪月花（今夜的雪月花）
-                [01:25.43]ほい！　いよーーーーっ　ぽん！（哈～!～哟ーーーー～嘣～!）
-                [01:29.14]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
-                [01:32.16]ハッハッハッハッハッハッ　う～（哈 哈 哈 哈 哈 哈 呜）
-                [01:34.39]ねぇねぇねぇ（呐～呐～呐～）
-                [01:35.12]この世に平安訪れるの？（平安已经访问此世了吗?）
-                [01:36.50]のべつ幕無し丁丁発止（不会闭幕的丁当争斗）
-                [01:38.09]兵ども千客万来（官兵们接踵而来）
-                [01:39.50]ひしめき合群雄割拠（相互吵吵嚷嚷群雄割据）
-                [01:41.00]伸るか反るか一攫千金（成败在于敢否一举千金）
-                [01:42.47]気が付いたら絶体絶命（回过头来却已穷途末路）
-                [01:43.50]「でも本音のとこ、どうなってんの？」（「不过真心的所在、到底是什么样呢?」）
-                [01:46.62]もうまったく奇想天外（真是的总这么异想天开）
-                [01:48.51]嗚呼、辿り辿って夜の町（呜呼、追溯于夜晚小镇上）
-                [01:54.83]迷い一つなく踊りだす（心无杂念的就此起舞吧）
-                [01:59.68]はぁ～（哈阿～）
-                [02:00.44]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
-                [02:03.64]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）
-                [02:06.49]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
-                [02:09.66]髪も振り乱して（长发也随风飘散）
-                [02:11.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）
-                [02:15.63]この宴は続く（这宴会还会持续）
-                [02:17.67]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）
-                [02:21.60]今宵は雪月花（因为今宵乃是雪月花）
-                [02:36.74]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
-                [02:39.72]ハッハッハッハッハッハッ　さぁさぁさぁ（哈 哈 哈 哈 哈 哈 来～来～来～）
-                [02:42.45]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
-                [02:45.49]ハッハッハッハッハッハッ（哈 哈 哈 哈 哈 哈）
-                [02:47.66]花で一つ、鳥で二つ（花就是一、鸟就是二）
-                [02:51.31]手打ち鳴らす（拍着手轻声唱）
-                [02:54.12]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）
-                [02:58.76]鳴らす鳴らす……（轻声唱轻轻唱……）
-                [03:00.09]花で一つ、鳥で二つ（花就是一、鸟就是二）
-                [03:03.34]手打ち鳴らす（拍着手轻声唱）
-                [03:06.25]風で三つ、嗚呼、月出て四つ（风就是三、呜呼、月出就有四）
-                [03:10.78]鳴らす鳴らす……（轻轻唱轻声唱……）
-                [03:13.28]今は（在此）
-                [03:15.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
-                [03:18.63]華麗に花弁　散らすように（犹如花瓣华丽的散落一般）
-                [03:21.35]回レ回レ回レ回レ回レ 回レ回レ回レ回レ！（转啊转啊转啊转啊转啊转啊转啊转啊转啊!）
-                [03:24.60]髪も振り乱して（长发也随风飘散）
-                [03:26.72]一昨日、昨日、今日と、明日と、明後日と（无论前天、昨天、还是今天、明天、与后天）
-                [03:30.67]この宴は続く（这宴会不会结束）
-                [03:32.75]踊レ、歌エ、一心不乱に回レ！（跳吧、唱吧、一心一意的转吧!）
-                [03:36.63]今宵は何曜日か？（今宵是星期几呢?）
-                [03:39.02]水木金？（三四五?）
-                [03:40.56]土日月火？（六七一二?）
-                [03:44.11]ハッハッハッハッハッハッハィヤ（哈 哈 哈 哈 哈 哈 嗨呀）
-                [03:47.00]ハッハッハッハッ（哈 哈 哈 哈 哈 哈）
-                [03:48.57]いよーーーーっ　ぽん！（～哟ーーーー～嘣～!）
-                [03:50.43]-終わり-（-End-）
-            </pre>
-        </div>
-        <h3>Normal</h3>
-        <div id="player1" class="aplayer"></div>
-        <h3>Narrow style</h3>
+        <h3>Narrow</h3>
         <div id="player2" class="aplayer"></div>
     </div>
     <script src="../dist/APlayer.min.js"></script>
@@ -353,7 +354,7 @@
         var ap1 = new APlayer({
             element: document.getElementById('player1'),
             narrow: false,
-            autoplay: false,
+            autoplay: true,
             showlrc: false,
             theme: '#e6d0b2',
             music: {
@@ -427,7 +428,7 @@
         var ap5 = new APlayer({
             element: document.getElementById('player5'),
             narrow: false,
-            autoplay: true,
+            autoplay: false,
             showlrc: true,
             theme: '#ad7a86',
             music: [