Music

一款全屏的音乐播放器 UI 框架， 带 API

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

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

界面欣赏

---

相关链接

---

GitHub https://github.com/kaindev8/Music

播放列表 DIY 教程

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

播放器 DIY 教程

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

rem 变量表

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

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

致谢

---

特别感谢 @mengkunsoft、 @metowolf、网易云音乐、酷狗

采用的开源模块

• 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 播放器的相关代码，在此一并向他们表示感谢！