xiaoxue_admin
/
APlayer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update README and demo

This commit is contained in:
DIYgod 2016-01-15 15:17:13 +08:00
parent 0a77bbca3b
commit 81fcd3d194
2 changed files with 104 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -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

207
demo/index.html
View File

@ -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: [