MKOnlineMusicPlayer

MKOnlineMusicPlayer 是一款全屏的音乐播放器 UI 框架（为避免侵权，已移除所有后端功能）。

前端界面参照 QQ 音乐网页版进行布局，同时采用了流行的响应式设计，无论是在PC端还是在手机端，均能给您带来原生 app 般的使用体验。

本项目仅为学习前端的练手之作，请勿用作商业用途，请勿利用本项目搭建盗版音乐网站，否则后果自负！

界面欣赏

---

相关链接

---

GitHub https://github.com/mengkunsoft/MKOnlineMusicPlayer

常见问题

---

请前往 wiki 查阅

遇到问题请详细阅读以上 wiki！

开发文档[待完善]

参考开发手册

播放列表DIY教程

本播放器支持后台自定义播放列表。打开 src/js/musicList.js，按照里面的说明对应修改即可。

播放器DIY教程

除了自定义播放列表，本播放器还支持一些 DIY 设定，比如修改 api.php 文件的默认路径、修改搜索框的默认搜索内容等。具体请打开 js/player.js 查看

rem 变量表

程序中的rem数组用于存储全局变量，具体的成员(部分)及作用见下表：

变量名	用途
rem.playlist	当前正在播放的播放列表编号
rem.playid	正在播放的这首歌在播放列表中的编号
rem.dislist	当前显示的列表的列表编号
rem.wd	当前的搜索词
rem.source	当前选定的音乐源
rem.uid	当前已同步的用户的网易云 ID
rem.uname	已登录用户的用户名
rem.sheetList	歌单容器操作对象
rem.playList	歌曲列表容器操作对象
rem.isMobile	是否是手机浏览

致谢

---

特别感谢 @metowolf、网易云音乐、QQ音乐、虾米、酷狗、百度音乐

采用的开源模块

• Jquery：js主流开发框架 http://jquery.com/
• Meting：一个高效的多平台音乐 API 框架 https://github.com/metowolf/Meting
• layer：一款强大的web弹层组件 http://layer.layui.com/
• mCustomScrollbar：jQuery自定义滚动条样式插件 http://manos.malihu.gr/jquery-custom-content-scroller/
• background-blur：跨浏览器磨砂效果背景图片模糊特效插件 https://msurguy.github.io/background-blur/
• Let's Kill IE6：消灭IE http://overtrue.me

在开发过程中，还参照了很多开源 html 播放器的相关代码，在此一并向他们表示感谢！

耻辱柱

---

恭喜下列个人或单位永久入驻耻辱柱！

素材火 [http://www.sucaihuo.com/]

原因：以积分的形式变相售卖本作品(http://www.sucaihuo.com/php/3378.html ) 截图：https://t.cn/RFsgAAw

绿岛资源站 [http://www.ldzy.cc/]

原因：未经允许，发布到淘宝售卖(https://item.taobao.com/item.htm?id=560064138441 ) 截图：https://t.cn/RlNRmi5

68喜论坛 [http://www.68xi.com/]

原因：未经允许，删改版权信息(http://music.68xi.com/ )，并发布到淘宝售卖(https://item.taobao.com/item.htm?id=547226809330 )

奉劝某些“人”保留住做人的最基本底线，遵守开源协议，并引以为戒