music: AW

您所在的位置：网站首页 › 网易云音乐线上版 › music: AW

music: AW

2024-05-05 03:29| 来源: 网络整理| 查看: 265

MKOnlineMusicPlayer v2.32

MKOnlineMusicPlayer 是一款开源的基于 Meting 的在线音乐播放器。具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能。

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

界面欣赏

主界面(电脑端)

播放列表界面(电脑端)

歌曲搜索与播放

相关链接

在线演示 http://lab.mkblog.cn/music/

详细介绍 http://mkblog.cn/1060/

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

注意事项运行环境

php 5.4+, curl_exec, file_get_contents, json_decode, openssl_encrypt

兼容性

本播放器设计支持 IE9及以上的现代浏览器。并且已在 Chrome、firefox、IE11 等浏览器测试使用正常。

版权

本播放器由 mengkun(http://mkblog.cn) 开发，您可以随意修改、使用、转载。使用或转载时请务必保留出处，抱拳了各位老铁们！

歌曲

播放器中的歌曲来自各大音乐平台，歌曲版权归各大平台享有。请支持正版音乐。

其它

作者很忙，非诚勿扰。欢迎提交 BUG 及好的建议，不欢迎一上来就问一些基础的东西及唠东唠西。如果要提交问题，请务必告知您的网址，否则无法处理

常见问题

网易云音乐源播放失效，歌曲列表只剩一首歌

解决办法参考网易云音乐问题

歌单读取失败 - 404

本程序需要上传至网站空间(服务器)使用，不支持在本地打开

歌单读取失败 - 200

请确保你的服务器支持 PHP ，并且 PHP 版本 >= 5.4

歌单页封面显示不出来

请打开 api.php，将第十行的 define('HTTPS', true); 修改为 define('HTTPS', false);

更多常见问题

请前往 wiki 查阅

待解决的问题歌曲音质切换功能 IOS 歌曲播放问题打赏

解决上面这些问题，需要花费很多时间与精力。支持项目继续完善下去，你也可以贡献一份力量！

有了打赏，也就会有更新的动力 : )

更新日志 v2.32 2017/9/15 修复播放历史记录歌曲时播放失败的 BUG 新增播放歌曲时浏览器标题栏显示相关信息一些细节的完善 v2.31 2017/9/13 优化下载功能，支持直接弹出下载下载或分享无版权音乐时给出提示再次降低移动端背景特效内存占用修复某些手机浏览器列表页右侧菜单按钮下移 BUG 升级 Meting 至最新版本 v2.3 2017/9/9 全面支持网易云、QQ、虾米、酷狗、百度音乐源切换移动端歌曲列表支持直接分享、下载歌曲降低内存占用，解决移动端背景特效卡顿问题新增对 https 的支持(酷狗、百度音乐源除外) 新增运行环境自检功能优化中等屏幕下显示效果修复长歌词定位错乱的 BUG 修复无法获取自定义专辑封面的 BUG 修复移动端无法自动播放下一曲的 BUG 修复切换播放列表后滚动条未归位的 BUG 修复某些情况下歌词与歌曲不对应的 BUG 修复中小屏幕下顶部 tab 激活错乱的 BUG 修复搜索分页的 BUG 去除超时检测 v2.21 2017/5/19 临时修复 API 失效问题新增歌曲超时检测，播放超时则自动播放下一首新增设置数据传输方式(GET/POST) (这是一个临时版本，虽然解决了一部分API失效的问题，但是还是存在一些问题。剩下的问题将在之后的 v2.3 正式版中解决) v2.2 2017/3/26 用户歌单获取时新增加载中动画及遮罩，防止重复加载修复中等屏幕下鼠标滑过tab边框消失的 BUG 修复某些情况下第一句歌词无法渲染的 BUG 修复在IE9下音乐无法播放的 BUG 更换背景展现方式，整体界面更美观正在播放和播放历史列表支持一键清空新增图片加载失败时替换处理新增小屏幕下为当前显示的tab添加下划线新增favicon小图标新增歌曲播放时进度条小点闪烁效果优化后台数据获取失败时弹出提示其它的一些细节优化 v2.1 2017/3/20 紧急修复部分浏览器下切换歌曲造成无限播放失败循环的 BUG 新增点击未加载完的播放列表弹出提示新增搜索时弹出加载中动画切换歌曲后进度条自动复位优化歌曲外链显示方式，方便复制优化封面图像加载大小新增无歌词、歌词加载中提示优化歌词展现方式 v2.0 Beta 2017/3/18 所有代码均推翻重写，前端界面全新改版完善对手机端的适配，新支持 IE9~IE11 浏览器修复 IE11 下点击下载歌曲名字乱码的 BUG 新增“正在播放”、“播放历史”列表功能新增后台自定义播放列表功能，支持多种列表定义模式新增本地记录用户设置及播放列表功能进度条支持响应点击事件 v1.3 未发布新增同步用户歌单功能修复一些已知 BUG (因逻辑过于混乱，代码过于庞杂，此版本废弃) v1.2 未发布这个版本的存档神秘失踪，我也不记得有哪些改变。。 v1.1 2016/10/27 修复宽屏下背景覆盖缺失的 BUG 修复打开页面后直接点击播放无效的 BUG 修复EDGE浏览器点击下载时文件名为乱码的 BUG 优化播放已下架的音乐，会给出无法播放的提示修复歌词获取失败时无法清除原有歌词的 BUG 暂停播放时停止歌词滚动，方便复制歌词优化搜索内容为空时弹出提示 v1.0 2016/10/25 完成搜索并播放音乐功能完成一键提取音乐外链功能完成音乐下载功能完成显示歌曲封面、歌词功能开发文档[待完善] 播放列表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音乐、虾米、酷狗、百度音乐采用的开源模块 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.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 )

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

【本文地址】

music: AW

music: AW

今日新闻

推荐新闻