用于 个人歌单展示 的前端项目，通过左右双栏展示歌单。
根据曲库随机推送曲目是本项目的特色。
注：自定义Style略有不同
Demo：runlingdev.github.io/ClassAlbum
项目建议的使用方式：clone到本地进行自定义修改，让它成为你的展示歌单的地方。
你可以通过修改 songs.json 来实现自定义歌单：
| 参数 | 解释 | 示例 |
|---|---|---|
title |
歌曲名称 | Cruel Summer |
artist |
艺术家 | Taylor Swift |
album |
专辑名 | Lover |
weight |
权重 | 2 |
type |
曲目类型 | audio |
source |
资源地址 | audio/CruelSummer.mp4 |
lrc |
歌词源 | lrc/CruelSummer.lrc |
注：
权重参数有如下三个值：
0，此曲不展示； 1，参与随机展示； 2，一直展示
source指的是播放的视频/音频文件源
lrc指的是音频曲目的歌词源，视频曲目请使用none。
这两项都可以本地文件或在线文件，但是不能一个本地一个在线。
Warning:出于对安全问题的考虑，CORS不允许对本地文件的请求#1。您需要采取些许行动，以在本地应用您的歌单。
- 上传您的歌单
你可以借助些许工具，例如Github，将您自己的 songs.json 上传并获取raw地址(打开后只有文件内容没有其他杂质，也可以是文件直链)，添加在indexjs.js adetailjs.js 及 vdetailjs.js 中的 songDataUrls 。它位于上述文件的开头。
一般而言，GitHub的文件raw下载地址在这个地址：
https://raw.githubusercontent.com/\/<Yourrepo>/<Yourbranch>/<Yourfile>
- 允许请求本地文件
一个普遍性的办法是在Chrome快捷方式中添加 --allow-file-access-from-files 参数。这对于我们的项目而言没有安全隐患。参照CSDN。
- 用Node.js跑本地服务
这需要一些动手能力。参见#1。
在Styles.css中，出现了并未定义的字体 Custom1 Custom2 。你只需要很容易的在css中添加字体声明，并在 font 文件夹（你需要创建它）下放置你享用的字体，就可以享受了--首页采用 Custom2 ，详情页的曲目采用 Custom1 。当然你也可以自行修改......
@font-face {
font-family: "Custom1";
src: url('font/<Yourfont1>.ttf');
}
@font-face {
font-family: "Custom2";
src: url('font/<Yourfont2>.ttf');
}如果这个新手项目对你有所启发，还请多多支持！