基于作者孟坤写的 MKOnlinePlayer_v2.41 音乐播放器，我进行了一些我的想法修改。有网友联系我觉得修改后版本的挺不错的，我之前没时间整理代码就没分享出来。现在已经整理好了，有喜欢的就可以去下载，关于部署的问题就不要问我了

在用站点 Awkins音乐

演示站点 Awkins演示

下载源码 蓝奏云 | 扫码关注文章下方公众号，发送awkins关键词获取密码

修改和增加哪些

## 修改内容：
1、界面美化（按我的想法）
2、播放记录（浏览器存储类型修改为对象，方便获取歌单名称展示）
3、固定标题（固定播放信息栏，不随列表滚动）
4、背景模糊（歌曲图片背景全屏模糊效果，修改透明度不遮挡背景图，可以在functions.js自行调整）
5、小屏样式（修改了小屏幕下放播放控制布局）
6、歌曲搜索（酷狗、百度、虾米已经失效，只保留网易和QQ）
7、歌单列表（显示为小图展示方式，我并不满意没想到到好的展示想法）
8、进度条（改为渐变色）
9、播放列表（去掉了下载和分享按钮，只保留一个播放）
10、去除滚动（不使用滚动条插件）

## 增加功能：
1、歌曲名称（在播放器区域，歌曲图片上方显示当前在播歌曲名称）
2、倍速播放（可以自由选择倍速，在index.html可以自行修改）
3、歌曲时间（显示当前歌曲时长，播放时长）
4、歌词翻译（默认显示翻译，可关闭。实时滚动正在播放那句歌词在正中间）
5、歌曲全屏（歌词全屏居中显示）
6、歌词隐显（可以选择只显示正在播放的那句歌词）
7、下载歌曲（改写下载歌曲方法，点击直接下载不是新窗口打开文件地址）
8、下载歌词（这个是别人写的下载歌词方法，我直接拿来用了。如果歌曲有翻译，我顺便把翻译歌词也加进去了，不需要的话可以在functions.js对应函数中去掉）
9、当前歌单（播放列表上面显示当前是那个歌单的中歌曲）
10、歌手专辑（点击歌手和专辑，可以直接搜索，直接用别人的代码）
11、歌单标题（区分下默认添加的歌单和用户同步的歌单，如果默认歌单数量有变，需要在awkins.js修改用户歌单标题插入位置）
12、背景设置（自定义设置背景图片，默认1周过期。重置背景或清理浏览器缓存则失效）
13、随机背景（默认从设置的背景图片中随机一张作为背景图，默认1小时过期）
14、动态粒子（默认底部彩色粒子，和背景设置中背景粒子，不需要的话都可以直接改代码去掉）
15、信息说明（增加一个说明的按钮，里面可以放一些说明，谷歌或百度广告，我认为直接放界面上影响美观）
16、歌单广告（百度广告隐藏在歌单中，和歌单显示无区别，可以每次动态插入位置。代码中我去掉了，需要的话联系我，我觉得意义不大）
17、网站弹窗（打开网站弹窗，这个有需要的可以自己在funcions.js函数中添加，直接调用layer组件就可以了）

## 其他
当然你们还有更好的想法和动手能力，我这里就是基于我的想法进行了修改

电脑版效果预览

手机版效果预览