MKOnlineMusicPlayer v2.0 发布 & v2.2更新

2017-03-18 15:28  阅读 22,606 次 评论 208 条

前前后后历时近四个月,源代码历经无数次推翻重写。到写下这行标题时,如释重负!

是的,MKOnlineMusicPlayer V2.0 终于诞生了!

关于 MKOnlineMusicPlayer 的前世,请阅读 http://mkblog.cn/203/

简介

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

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

界面欣赏

主界面

主界面(电脑端)

歌单界面(电脑端)

歌单界面(电脑端)

音乐搜索

音乐搜索

手机端播放界面

手机端播放界面

手机端歌单界面

手机端歌单界面

更新日志

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
  • 新增“正在播放”、“播放历史”列表功能
  • 新增后台自定义播放列表功能,支持多种列表定义模式
  • 新增本地记录用户设置及播放列表功能
  • 进度条支持响应点击事件

注意事项

关于API文件

由于网易云音乐官方封锁了国外的访问,因此本播放器的 api.php 在海外的空间上可能无法运行(其实有个“你懂的”的功能,请自行挖掘),建议在国内空间使用。

关于兼容性

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

关于版权

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

关于歌曲

播放器中采用了 网易云音乐(http://music.163.com/) 的 api,因此相对应的歌曲版权归网易云音乐所有。支持正版音乐,请使用官方版网易云。

其它

作者很忙,非诚勿扰。欢迎提交 BUG 及好的建议,不欢迎一上来就问一些基础的东西及唠东唠西。

项目地址

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

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

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

百度网盘:http://pan.baidu.com/s/1gfkbAef

再次强调:转载或使用请保留版权和来源信息,谢谢!

本文地址:http://mkblog.cn/757/
版权声明:本文为原创文章,版权归 mengkun 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 晓天
    晓天 Lv 1  @回复  95楼

    手机打开,没有下载功能吗?

    • mengkun
      mengkun 站长 2017-08-17 21:58   回复

      @晓天下载功能在歌词的右下角

  2. 铭哥网络
    铭哥网络 Lv 1  @回复  94楼

    mk大佬,什么时候更新2.3版本呢,期待,也期待换模板

  3. 歌单读取失败 - 200
    歌单读取失败 - 200 Lv 1  @回复  93楼

    最新版歌单读取失败 – 200 怎么回事 接口是正常返回数据了呀

  4. 有本事点我
    有本事点我 Lv 1  @回复  92楼

    感谢分享。多来点源码,hhh

  5. 皮皮豪
    皮皮豪 Lv 1  @回复  91楼

    请问为什么会获取歌单失败-200,用的是v2.21

    • mengkun
      mengkun 站长 2017-08-05 08:53   回复

      @皮皮豪你的 PHP 版本是不是低于 5.4?

      请删掉 api.php 中 第 11 行 的“use Metowolf\Meting;”
      以及“plugns/Meting.php”中 第 10 行 的“namespace Metowolf;” 试试

      • 皮皮豪
        皮皮豪 Lv 1 2017-08-05 15:32   回复

        @mengkun删掉了还是不行
        我的空间脚本支持语言:html、PHP 5.2/5.3/5.4/5.5、Perl 5、WAP

      • 获取歌单失败-200
        获取歌单失败-200 Lv 1 2017-08-08 18:10   回复

        @mengkun的确是php版本过低,你提供的方法无法解决问题 我设置为php5.4或者php5.5正常了 有解决方法吗 我其他站用的php5.3

      • mengkun
        mengkun 站长 2017-08-08 18:35   回复

        @获取歌单失败-200在 api.php 的 <? 后面加上 error_reporting(0); 屏蔽掉所有的警告信息试试……

  6. wiupan
    wiupan Lv 1  @回复  90楼

    这个很厉害

  7. 墨闫
    墨闫 Lv 1  @回复  89楼

    希望作者可以添加一个左右滑动。这样好方便切换