亿源网

查看: 30611|回复: 100

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

  [复制链接]
  • TA的每日心情
    慵懒
    15 小时前
  • 签到天数: 67 天

    连续签到: 8 天

    [LV.6]常住居民II

    50

    主题

    177

    帖子

    820

    积分

    VIP会员

    Rank: 16Rank: 16Rank: 16Rank: 16

    积分
    820
    发表于 2019-4-28 21:59:51 | 显示全部楼层 |阅读模式
    MKOnlineMusicPlayer
    ========
    MKOnlineMusicPlayer 是一款开源的基于 `Meting` 的在线音乐播放器。具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能。

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

    ### 界面欣赏
    -----
    ![主界面(电脑端)](亿源网:MKOnlineMusicPlayer 2.4是一款开源的基于 `Meting` 的在线音乐播放器 具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能)

    ![播放列表界面(电脑端)](亿源网:MKOnlineMusicPlayer 2.4是一款开源的基于 `Meting` 的在线音乐播放器 具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能)

    ![歌曲搜索与播放](亿源网:MKOnlineMusicPlayer 2.4是一款开源的基于 `Meting` 的在线音乐播放器 具有音乐搜索、播放、下载、歌词同步显示、个人网易云音乐播放列表同步等功能)


    ### 相关链接
    -----
    **在线演示** [http://lab.mkblog.cn/music/](http://lab.mkblog.cn/music/)

    **详细介绍** [http://mkblog.cn/1060/](http://mkblog.cn/1060/)

    **GitHub** [https://github.com/mengkunsoft/MKOnlineMusicPlayer](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)](http://mkblog.cn) 开发,您可以随意修改、使用、转载。使用或转载时`请务必保留出处`,抱拳了各位老铁们!

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

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

    ### 常见问题
    -----
    **网易云音乐源播放失效,歌曲列表只剩一首歌**

    解决办法参考 [网易云音乐问题](https://github.com/mengkunsoft/M ... 0%E9%97%AE%E9%A2%98)

    **歌单读取失败 - 404**

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


    **歌单读取失败 - 200**

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


    **歌单页封面显示不出来**

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

    **更多常见问题**

    [请前往 wiki 查阅](https://github.com/mengkunsoft/MKOnlineMusicPlayer/wiki)

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

    ### 打赏
    -----
    - 解决上面这些问题,需要花费很多时间与精力。支持项目继续完善下去,你也可以贡献一份力量!
    - 有了打赏,也就会有更新的动力 : )

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

    ### 更新日志
    -----
    #### v2.4 `2018/3/11`
    - 修复网易云音乐无法播放
    - 增加标题栏滚动效果(感谢@lzcykevin)
    - 增加歌曲循环播放控制(感谢@yuxizhe)
    - 修复百度音乐无法播放
    - 优化连续播放失败的歌曲过多时,自动终止播放。防止卡死
    - 压缩图片素材,限制封面图片尺寸,优化页面加载速度

    #### 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/](http://jquery.com/)
    - **Meting**:一个高效的多平台音乐 API 框架 [https://github.com/metowolf/Meting](https://github.com/metowolf/Meting)
    - **layer**:一款强大的web弹层组件 [http://layer.layui.com/](http://layer.layui.com/)
    - **mCustomScrollbar**:jQuery自定义滚动条样式插件 [http://manos.malihu.gr/jquery-custom-content-scroller/](http://manos.malihu.gr/jquery-custom-content-scroller/)
    - **background-blur**:跨浏览器磨砂效果背景图片模糊特效插件 [https://msurguy.github.io/background-blur/](https://msurguy.github.io/background-blur/)
    - **Let's Kill IE6**:消灭IE [http://overtrue.me](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 )

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





    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    回复

    使用道具 举报

  • TA的每日心情

    昨天 18:41
  • 签到天数: 75 天

    连续签到: 5 天

    [LV.6]常住居民II

    0

    主题

    101

    帖子

    691

    积分

    高级会员

    Rank: 4

    积分
    691
    发表于 2019-4-28 22:04:17 | 显示全部楼层
    打酱油的人拉,回复下赚取积分
    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    13 小时前
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]常住居民II

    0

    主题

    102

    帖子

    638

    积分

    高级会员

    Rank: 4

    积分
    638
    发表于 2019-4-29 00:10:44 | 显示全部楼层
    这么强,支持楼主,佩服
    回复

    使用道具 举报

  • TA的每日心情
    开心
    22 小时前
  • 签到天数: 78 天

    连续签到: 8 天

    [LV.6]常住居民II

    0

    主题

    119

    帖子

    712

    积分

    高级会员

    Rank: 4

    积分
    712
    发表于 2019-4-29 05:57:14 | 显示全部楼层
    路过 帮顶 嘿嘿
    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    昨天 13:28
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]常住居民II

    0

    主题

    91

    帖子

    660

    积分

    高级会员

    Rank: 4

    积分
    660
    发表于 2019-4-29 06:33:18 | 显示全部楼层
    呵呵,低调,低调!
    回复

    使用道具 举报

  • TA的每日心情

    15 小时前
  • 签到天数: 69 天

    连续签到: 2 天

    [LV.6]常住居民II

    0

    主题

    107

    帖子

    625

    积分

    高级会员

    Rank: 4

    积分
    625
    发表于 2019-4-29 07:04:13 | 显示全部楼层
    呵呵,低调,低调!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    3 小时前
  • 签到天数: 69 天

    连续签到: 5 天

    [LV.6]常住居民II

    0

    主题

    102

    帖子

    625

    积分

    高级会员

    Rank: 4

    积分
    625
    发表于 2019-4-29 17:41:44 | 显示全部楼层
    纯粹路过,没任何兴趣,仅仅是看在老用户份上回复一下
    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    23 小时前
  • 签到天数: 69 天

    连续签到: 5 天

    [LV.6]常住居民II

    0

    主题

    97

    帖子

    605

    积分

    高级会员

    Rank: 4

    积分
    605
    发表于 2019-4-30 01:41:24 | 显示全部楼层
    我也来顶一下..
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 00:37
  • 签到天数: 80 天

    连续签到: 3 天

    [LV.6]常住居民II

    0

    主题

    115

    帖子

    697

    积分

    高级会员

    Rank: 4

    积分
    697
    发表于 2019-4-30 02:03:23 | 显示全部楼层
    锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦!
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    前天 17:59
  • 签到天数: 79 天

    连续签到: 8 天

    [LV.6]常住居民II

    0

    主题

    125

    帖子

    705

    积分

    高级会员

    Rank: 4

    积分
    705
    发表于 2019-4-30 03:05:10 | 显示全部楼层
    看起来好像不错的样子
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|亿源网

    GMT+8, 2019-5-21 23:12 , Processed in 0.154392 second(s), 44 queries .

    Powered by Discuz! X3.4

    © 2015-2018 keeeg.com.

    快速回复 返回顶部 返回列表