diff --git a/css/font.css b/css/font.css
index 7da64c9..76c35d3 100644
--- a/css/font.css
+++ b/css/font.css
@@ -15,9 +15,10 @@
@font-face {
font-family: "iconfont";
- src: url('../font/font_2831425_ekwvaabvo8l.woff2') format('woff2'),
- url('../font/font_2831425_ekwvaabvo8l.woff') format('woff'),
- url('../font/font_2831425_ekwvaabvo8l.ttf') format('truetype');
+ /* Project id 2831425 */
+ src: url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.woff2?t=1642345600138') format('woff2'),
+ url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.woff?t=1642345600138') format('woff'),
+ url('//at.alicdn.com/t/font_2831425_312vsfjkcz9.ttf?t=1642345600138') format('truetype');
}
.iconfont {
@@ -28,6 +29,26 @@
-moz-osx-font-smoothing: grayscale;
}
+.icon-music:before {
+ content: "\e986";
+}
+
+.icon-next-one:before {
+ content: "\e609";
+}
+
+.icon-next-one-copy:before {
+ content: "\ebd5";
+}
+
+.icon-pause:before {
+ content: "\e733";
+}
+
+.icon-play:before {
+ content: "\e65c";
+}
+
.icon-undo:before {
content: "\e875";
}
diff --git a/css/style.css b/css/style.css
index 21f43bd..586f26a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -203,6 +203,18 @@ i.iconfont.icon-yinhao-copy {
font-size: 1.10rem;
}
+.close-music {
+ display: none;
+ justify-content: center;
+ background: rgb(0 0 0 / 25%);
+ padding: 4px 0px;
+ animation: fade;
+ -webkit-animation: fade 0.5s;
+ -moz-animation: fade 0.5s;
+ -o-animation: fade 0.5s;
+ -ms-animation: fade 0.5s;
+}
+
/*时间卡片*/
.time {
width: 100%;
@@ -349,6 +361,10 @@ span.link-name {
}
/*box*/
+.box-left {
+ flex: 0 44%;
+ min-width: 400px;
+}
.box {
position: fixed;
@@ -377,8 +393,8 @@ span.link-name {
animation: fade .3s;
padding: 40px;
display: flex;
- flex-direction: column;
- justify-content: space-evenly;
+ flex-direction: row;
+ justify-content: space-between;
}
.upnote {
@@ -404,6 +420,150 @@ i.iconfont.icon-close {
font-size: 1.45rem;
}
+/*Aplayer*/
+.box-right {
+ flex: 0 54%;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+}
+
+.aplayer {
+ background: transparent !important;
+ width: 100%;
+ border-radius: 6px !important;
+ margin-right: 18px;
+}
+
+.aplayer.aplayer-withlrc .aplayer-pic {
+ border-radius: 6px !important;
+}
+
+/*歌曲名称*/
+.aplayer .aplayer-info .aplayer-music .aplayer-title {
+ font-size: 16px !important;
+}
+
+/*音乐列表*/
+.aplayer.aplayer-withlist .aplayer-list {
+ margin-top: 8px;
+}
+
+.aplayer .aplayer-list ol li.aplayer-list-light {
+ background: #ffffff57 !important;
+ border-radius: 6px !important;
+}
+
+.aplayer .aplayer-list ol li:hover {
+ background: #ffffff57 !important;
+ border-radius: 6px !important;
+}
+
+.aplayer .aplayer-list ol li {
+ border-top: 1px solid transparent !important;
+}
+
+.aplayer.aplayer-withlist .aplayer-info {
+ border-bottom: 1px solid transparent !important;
+}
+
+/*控制面板 - Bug*/
+.aplayer .aplayer-info .aplayer-controller {
+ display: none !important;
+}
+
+/*歌词间距*/
+.aplayer .aplayer-lrc {
+ margin: 4px 0 0px !important;
+ height: 34px !important;
+}
+
+/*歌词大小*/
+.aplayer .aplayer-lrc p.aplayer-lrc-current {
+ font-size: 14.5px !important;
+}
+
+/*全局字体颜色*/
+.aplayer .aplayer-info .aplayer-music .aplayer-title,
+.aplayer .aplayer-info .aplayer-music .aplayer-author,
+.aplayer .aplayer-lrc p,
+span.aplayer-list-title,
+span.aplayer-list-author,
+span.aplayer-list-index {
+ color: white !important;
+}
+
+/*全局背景*/
+.aplayer .aplayer-lrc:after,
+.aplayer .aplayer-lrc:before {
+ background: transparent !important;
+}
+
+/*Aplayer结束*/
+
+/*音乐播放器*/
+#music {
+ display: none;
+}
+
+.music {
+ width: 100%;
+ background: rgb(0 0 0 / 25%);
+ backdrop-filter: blur(10px);
+ padding: 20px;
+ border-radius: 6px;
+ height: 165px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+
+.music-all {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+ height: 100%;
+}
+
+.music-button {
+ display: flex;
+ align-items: center;
+}
+
+.music-control {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-evenly;
+ width: 100%;
+}
+
+i.iconfont.icon-play,
+i.iconfont.icon-pause {
+ font-size: 2.25rem;
+}
+
+i#last,
+i#next {
+ font-size: 2.0rem;
+}
+
+.music-text {
+ font-size: 1.15rem;
+ text-overflow: ellipsis;
+ max-width: 160px;
+}
+
+#music-open,
+#music-close {
+ background: rgb(255 255 255 / 20%);
+ padding: 2px 8px;
+ border-radius: 6px;
+ margin: 0px 6px;
+}
+
/*移动端页面切换按钮*/
i.iconfont.icon-bars,
i.iconfont.icon-times {
diff --git a/img/pause.png b/img/pause.png
new file mode 100644
index 0000000..c3ce981
Binary files /dev/null and b/img/pause.png differ
diff --git a/img/play.png b/img/play.png
new file mode 100644
index 0000000..f57b120
Binary files /dev/null and b/img/play.png differ
diff --git a/index.html b/index.html
index c5a4872..a820270 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,11 @@
+
+
+
+
diff --git a/js/music.js b/js/music.js
new file mode 100644
index 0000000..3d76421
--- /dev/null
+++ b/js/music.js
@@ -0,0 +1,396 @@
+/* 右键音乐图标 */
+document.getElementById("music").onmousedown = function (e) {
+ if (e.button == 2 && $(document).width() >= 990) {
+ $('#box').css("display", "block");
+ $('#row').css("display", "none");
+ $('#more').css("cssText", "display:none !important");
+ }
+}
+
+const ap = new APlayer({
+ container: document.getElementById('aplayer'),
+ order: 'random',
+ preload: 'auto',
+ listMaxHeight: '336px',
+ volume: 0.5,
+ mutex: true,
+ lrcType: 3,
+ audio: [{
+ name: "夜曲",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%9C%E6%9B%B2.lrc",
+ theme: "#171513"
+ },
+ {
+ name: "断了的弦",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000001BGzMs369FzU_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.lrc",
+ theme: "#0057a7"
+ },
+ {
+ name: "花海",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E8%8A%B1%E6%B5%B7.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E8%8A%B1%E6%B5%B7.lrc",
+ theme: "#954a17"
+ },
+ {
+ name: "发如雪",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8F%91%E5%A6%82%E9%9B%AA.lrc",
+ theme: "#171513"
+ },
+ {
+ name: "稻香",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%A8%BB%E9%A6%99.lrc",
+ theme: "#e3ae55"
+ },
+ {
+ name: "七里香",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%83%E9%87%8C%E9%A6%99.lrc",
+ theme: "#395732"
+ },
+ {
+ name: "晴天",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%99%B4%E5%A4%A9.lrc",
+ theme: "#08362e"
+ },
+ {
+ name: "以父之名",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%BB%A5%E7%88%B6%E4%B9%8B%E5%90%8D.lrc",
+ theme: "#08362e"
+ },
+ {
+ name: "本草纲目",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9C%AC%E8%8D%89%E7%BA%B2%E7%9B%AE.lrc",
+ theme: "#171513"
+ },
+ {
+ name: "一路向北",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%80%E8%B7%AF%E5%90%91%E5%8C%97.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000002MAeob3zLXwZ_2.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E4%B8%80%E8%B7%AF%E5%90%91%E5%8C%97.lrc",
+ theme: "#383a37"
+ },
+ {
+ name: "半岛铁盒",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8D%8A%E5%B2%9B%E9%93%81%E7%9B%92.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000004MGitN0zEHpb_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%8D%8A%E5%B2%9B%E9%93%81%E7%9B%92.lrc",
+ theme: "#f0a059"
+ },
+ {
+ name: "简单爱",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000I5jJB3blWeN_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%AE%80%E5%8D%95%E7%88%B1.lrc",
+ theme: "#c21c0f"
+ },
+ {
+ name: "青花瓷",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002eFUFm2XYZ7z_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9D%92%E8%8A%B1%E7%93%B7.lrc",
+ theme: "#000000"
+ },
+ {
+ name: "烟花易冷",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000bviBl4FjTpO_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%83%9F%E8%8A%B1%E6%98%93%E5%86%B7.lrc",
+ theme: "#86b5bb"
+ },
+ {
+ name: "给我一首歌的时间",
+ artist: "周杰伦",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.lrc",
+ theme: "#e3ae55"
+ },
+ {
+ name: "千里之外",
+ artist: "周杰伦 / 费玉清",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E8%B4%B9%E7%8E%89%E6%B8%85-%E5%8D%83%E9%87%8C%E4%B9%8B%E5%A4%96.lrc",
+ theme: "#171513"
+ },
+ {
+ name: "珊瑚海",
+ artist: "周杰伦 / 梁心颐",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E6%A2%81%E5%BF%83%E9%A2%90-%E7%8F%8A%E7%91%9A%E6%B5%B7.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6%26%E6%A2%81%E5%BF%83%E9%A2%90-%E7%8F%8A%E7%91%9A%E6%B5%B7.lrc",
+ theme: "#181714"
+ },
+ {
+ name: "单车",
+ artist: "陈奕迅",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000004S8YQr3UmEbG_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%95%E8%BD%A6.lrc",
+ theme: "#32201f"
+ },
+ {
+ name: "浮夸",
+ artist: "陈奕迅",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E6%B5%AE%E5%A4%B8.lrc",
+ theme: "#040402"
+ },
+ {
+ name: "十年",
+ artist: "陈奕迅",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%81%E5%B9%B4.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003J6fvc0bVJon_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E5%8D%81%E5%B9%B4.lrc",
+ theme: "#040402"
+ },
+ {
+ name: "一丝不挂",
+ artist: "陈奕迅",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001sjRhH0wqa4Q_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E9%99%88%E5%A5%95%E8%BF%85-%E4%B8%80%E4%B8%9D%E4%B8%8D%E6%8C%82.lrc",
+ theme: "#0d0d0d"
+ },
+ {
+ name: "麻雀",
+ artist: "李荣浩",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000003P3ByD1n8nBK_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E9%BA%BB%E9%9B%80.lrc",
+ theme: "#849fbd"
+ },
+ {
+ name: "老街",
+ artist: "李荣浩",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001LP8hk0a6pOp_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E8%80%81%E8%A1%97.lrc",
+ theme: "#e0d7bb"
+ },
+ {
+ name: "年少有为",
+ artist: "李荣浩",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000000RLvtE1eDyOs_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.lrc",
+ theme: "#d2ddd5"
+ },
+ {
+ name: "爸爸妈妈",
+ artist: "李荣浩",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001fi1zG0EjU2u_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E6%9D%8E%E8%8D%A3%E6%B5%A9-%E7%88%B8%E7%88%B8%E5%A6%88%E5%A6%88.lrc",
+ theme: "#aec3ce"
+ },
+ {
+ name: "干杯",
+ artist: "五月天",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001fbipy4azgKM_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%B9%B2%E6%9D%AF.lrc",
+ theme: "#0f1e32"
+ },
+ {
+ name: "倔强",
+ artist: "五月天",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000006MmDz4Hl2Ud_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E5%80%94%E5%BC%BA.lrc",
+ theme: "#b3dae1"
+ },
+ {
+ name: "你不是真正的快乐",
+ artist: "五月天",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000020I7sO0ayXhN_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E4%BD%A0%E4%B8%8D%E6%98%AF%E7%9C%9F%E6%AD%A3%E7%9A%84%E5%BF%AB%E4%B9%90.lrc",
+ theme: "#0a0708"
+ },
+ {
+ name: "派对动物",
+ artist: "五月天",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E6%B4%BE%E5%AF%B9%E5%8A%A8%E7%89%A9.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002fRO0N4FftzY_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E4%BA%94%E6%9C%88%E5%A4%A9-%E6%B4%BE%E5%AF%B9%E5%8A%A8%E7%89%A9.lrc",
+ theme: "#d0e8f2"
+ },
+ {
+ name: "Numb",
+ artist: "Linkin Park",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FLinkin%20Park-Numb.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000000C4MQU17Phga_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FLinkin%20Park-Numb.lrc",
+ theme: "#0d0d0d"
+ },
+ {
+ name: "In The End",
+ artist: "Linkin Park",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FLinkin%20Park-In%20The%20End.mp3",
+ cover: "https://y.qq.com/music/photo_new/T002R300x300M000004ImTxE1OkGqR_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FLinkin%20Park-In%20The%20End.lrc",
+ theme: "#270408"
+ },
+ {
+ name: "All About Us",
+ artist: "He Is We / Owl City",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FHe%20Is%20We%26Owl%20City-All%20About%20Us.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000004b2Efp2dEWlo_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FHe%20Is%20We%26Owl%20City-All%20About%20Us.lrc",
+ theme: "#ee5a75"
+ },
+ {
+ name: "You're Not Alone",
+ artist: "Owl City / Britt Nicole",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City%26Britt%20Nicole-You're%20Not%20Alone.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002ke9Cq3KeWYj_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City%26Britt%20Nicole-You're%20Not%20Alone.lrc",
+ theme: "#eff8fa"
+ },
+ {
+ name: "Good Time",
+ artist: "Owl City / Carly Rae Jepsen",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City%26Carly%20Rae%20Jepsen-Good%20Time.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001mat8F3tAzsu_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City%26Carly%20Rae%20Jepsen-Good%20Time.lrc",
+ theme: "#dd111c"
+ },
+ {
+ name: "Unbelievable",
+ artist: "Owl City / Hanson",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City%26Hanson-Unbelievable.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000004O8zk80vaqfl_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City%26Hanson-Unbelievable.lrc",
+ theme: "#de7227"
+ },
+ {
+ name: "Fireflies",
+ artist: "Owl City",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City-Fireflies.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-Fireflies.lrc",
+ theme: "#33658d"
+ },
+ {
+ name: "Gold",
+ artist: "Owl City",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City-Gold.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000001Y76KO1Vpg7b_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-Gold.lrc",
+ theme: "#94c1de"
+ },
+ {
+ name: "The Saltwater Room",
+ artist: "Owl City",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City-The%20Saltwater%20Room.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000002FEF7L03Cv7T_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-The%20Saltwater%20Room.lrc",
+ theme: "#33658d"
+ },
+ {
+ name: "When Can I See You Again？",
+ artist: "Owl City",
+ url: "https://s-sh-2127-music.oss.dogecdn.com/song%2FOwl%20City-When%20Can%20I%20See%20You%20Again%EF%BC%9F.mp3",
+ cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M0000034UcqG3UwYdy_1.jpg?max_age=2592000",
+ lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2FOwl%20City-When%20Can%20I%20See%20You%20Again%EF%BC%9F.lrc",
+ theme: "#0e1c3a"
+ }
+ ]
+});
+
+/* 音乐通知及控制 */
+ap.on('play', function () {
+ iziToast.info({
+ iconUrl: './img/play.png',
+ title: '音乐通知',
+ message: '音乐开始播放'
+ });
+ $("#play").html("