Skip to content

mengkunsoft/MKOnlineMusicPlayer

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 
 
 
 
 
 
 

MKOnlineMusicPlayer

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

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

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

界面欣赏


主界面(电脑端)

播放列表界面(电脑端)

歌曲搜索与播放

相关链接


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

常见问题


请前往 wiki 查阅

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

开发文档[待完善]


播放列表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 是否是手机浏览

致谢


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

采用的开源模块

在开发过程中,还参照了很多开源 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 )

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