{"id":13694936,"url":"https://github.com/mengkunsoft/MKOnlineMusicPlayer","last_synced_at":"2025-05-03T04:31:16.050Z","repository":{"id":41249711,"uuid":"75524162","full_name":"mengkunsoft/MKOnlineMusicPlayer","owner":"mengkunsoft","description":"⛔【停止维护】一个在线音乐播放器（仅 UI，无功能）","archived":false,"fork":false,"pushed_at":"2021-06-28T10:40:06.000Z","size":667,"stargazers_count":1915,"open_issues_count":27,"forks_count":742,"subscribers_count":58,"default_branch":"master","last_synced_at":"2025-04-07T20:11:30.348Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/mengkunsoft/MKOnlineMusicPlayer/issues/79","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mengkunsoft.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-04T07:42:54.000Z","updated_at":"2025-04-03T07:45:09.000Z","dependencies_parsed_at":"2022-07-10T02:46:02.735Z","dependency_job_id":null,"html_url":"https://github.com/mengkunsoft/MKOnlineMusicPlayer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengkunsoft%2FMKOnlineMusicPlayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengkunsoft%2FMKOnlineMusicPlayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengkunsoft%2FMKOnlineMusicPlayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mengkunsoft%2FMKOnlineMusicPlayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mengkunsoft","download_url":"https://codeload.github.com/mengkunsoft/MKOnlineMusicPlayer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252144558,"owners_count":21701434,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T17:01:50.633Z","updated_at":"2025-05-03T04:31:11.041Z","avatar_url":"https://github.com/mengkunsoft.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","JavaScript (485)"],"sub_categories":[],"readme":"MKOnlineMusicPlayer\n========\nMKOnlineMusicPlayer 是一款全屏的音乐播放器 UI 框架（为避免侵权，已移除所有后端功能）。\n\n前端界面参照 QQ 音乐网页版进行布局，同时采用了流行的响应式设计，无论是在PC端还是在手机端，均能给您带来原生 app 般的使用体验。\n\n\u003e 本项目仅为学习前端的练手之作，请勿用作商业用途，请勿利用本项目搭建盗版音乐网站，否则后果自负！\n\n### 界面欣赏\n-----\n![主界面(电脑端)](https://user-images.githubusercontent.com/16880885/30487091-f7b45980-9a64-11e7-9588-8b6b87ac6763.jpg)\n\n![播放列表界面(电脑端)](https://user-images.githubusercontent.com/16880885/30487141-1f8ad416-9a65-11e7-960c-a102c47a3d0e.jpg)\n\n![歌曲搜索与播放](https://user-images.githubusercontent.com/16880885/30487344-c93a0306-9a65-11e7-92f3-552072b1dbce.jpg)\n\n### 相关链接\n-----\n**GitHub** [https://github.com/mengkunsoft/MKOnlineMusicPlayer](https://github.com/mengkunsoft/MKOnlineMusicPlayer)\n\n### 常见问题\n-----\n[请前往 wiki 查阅](https://github.com/mengkunsoft/MKOnlineMusicPlayer/wiki)\n\n**遇到问题请详细阅读以上 wiki！**\n\n\n### 开发文档[待完善]\n-----\n#### 播放列表DIY教程\n本播放器支持后台自定义播放列表。打开 `js/musicList.js`，按照里面的说明对应修改即可。\n\n#### 播放器DIY教程\n除了自定义播放列表，本播放器还支持一些 DIY 设定，比如修改 api.php 文件的默认路径、修改搜索框的默认搜索内容等。具体请打开 `js/player.js` 查看\n\n#### rem 变量表\n程序中的rem数组用于存储全局变量，具体的成员(部分)及作用见下表：\n\n| 变量名    | 用途   |\n| ----------- | ----------- |\n| rem.audio | audio dom |\n| rem.playlist | 当前正在播放的播放列表编号 |\n| rem.playid | 正在播放的这首歌在播放列表中的编号 |\n| rem.dislist | 当前显示的列表的列表编号 |\n| rem.loadPage | 搜索功能已加载的页码 |\n| rem.wd | 当前的搜索词 |\n| rem.source | 当前选定的音乐源 |\n| rem.uid | 当前已同步的用户的网易云 ID |\n| rem.uname | 已登录用户的用户名 |\n| rem.sheetList | 歌单容器操作对象 |\n| rem.mainList | 歌曲列表容器操作对象 |\n| rem.isMobile | 是否是手机浏览 |\n\n### 致谢\n-----\n#### 特别感谢 `@metowolf`、`网易云音乐`、`QQ音乐`、`虾米`、`酷狗`、`百度音乐`\n\n#### 采用的开源模块\n- **Jquery**：js主流开发框架 [http://jquery.com/](http://jquery.com/)\n- **Meting**：一个高效的多平台音乐 API 框架 [https://github.com/metowolf/Meting](https://github.com/metowolf/Meting)\n- **layer**：一款强大的web弹层组件 [http://layer.layui.com/](http://layer.layui.com/)\n- **mCustomScrollbar**：jQuery自定义滚动条样式插件 [http://manos.malihu.gr/jquery-custom-content-scroller/](http://manos.malihu.gr/jquery-custom-content-scroller/)\n- **background-blur**：跨浏览器磨砂效果背景图片模糊特效插件 [https://msurguy.github.io/background-blur/](https://msurguy.github.io/background-blur/)\n- **Let's Kill IE6**：消灭IE [http://overtrue.me](http://overtrue.me)\n\n##### 在开发过程中，还参照了很多开源 html 播放器的相关代码，在此一并向他们表示感谢！\n\n### 耻辱柱\n-----\n恭喜下列个人或单位永久入驻耻辱柱！\n\n#### 素材火 [http://www.sucaihuo.com/]\n原因：以积分的形式变相售卖本作品(http://www.sucaihuo.com/php/3378.html ) 截图：https://t.cn/RFsgAAw\n\n#### 绿岛资源站 [http://www.ldzy.cc/]\n原因：未经允许，发布到淘宝售卖(https://item.taobao.com/item.htm?id=560064138441 ) 截图：https://t.cn/RlNRmi5\n\n#### 68喜论坛 [http://www.68xi.com/]\n原因：未经允许，删改版权信息(http://music.68xi.com/ )，并发布到淘宝售卖(https://item.taobao.com/item.htm?id=547226809330 )\n\n`奉劝某些“人”保留住做人的最基本底线，遵守开源协议，并引以为戒`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmengkunsoft%2FMKOnlineMusicPlayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmengkunsoft%2FMKOnlineMusicPlayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmengkunsoft%2FMKOnlineMusicPlayer/lists"}