孟坤软件 发表于 2017-3-18 15:34

【html】超漂亮的音乐播放器 支持搜歌、同步播放列表、同步歌词、一键下载、一键外链!

本帖最后由 孟坤软件 于 2017-3-18 19:55 编辑

历经数月,之前的 仿虾米音乐播放器 终于迎来了更新!{:301_975:}

之前的帖子详见:http://www.52pojie.cn/thread-547918-1-1.html

简介
MKOnlineMusicPlayer 是一款开源的基于网易云音乐api的在线音乐播放器。具有音乐搜索、播放、下载、歌词同步显示、个人音乐播放列表同步等功能。
前端界面参照 QQ 音乐网页版进行布局,同时采用了流行的响应式设计,无论是在PC端还是在手机端,均能给您带来原生 app 般的使用体验。

界面截图



音乐播放界面


音乐歌单界面



音乐搜索界面



手机端(小屏幕)的音乐播放界面



手机端的歌单界面



手机端的音乐列表界面

更新日志
v2.0 Beta 2017/3/18

[*]所有代码均推翻重写,前端界面全新改版
[*]完善对手机端的适配,新支持 IE9~IE11 浏览器
[*]修复 IE11 下点击下载歌曲名字乱码的BUG
[*]新增“正在播放”、“播放历史”列表功能
[*]新增后台自定义播放列表功能,支持多种列表定义模式
[*]新增本地记录用户设置及播放列表功能
[*]进度条支持响应点击事件




注意事项

关于API文件

由于网易云音乐官方封锁了国外的访问,因此本播放器的 api.php 在海外的空间上可能无法运行,具体表现为无法使用搜索功能(其实有个“你懂的”的功能,在 api.php 中,因涉及论坛禁止讨论的范围,请自行挖掘),建议在国内空间使用。


关于兼容性

本播放器设计支持 IE9及以上的现代浏览器。并且已在 Chrome、firefox、IE11 等浏览器测试使用正常。
注:刚测试发现在 win7 系统中使用 IE 浏览时无法切歌(感谢 @ROG 反馈),将在下一版中进行修复。


关于歌曲

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



项目地址(源代码)

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


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


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


转载或使用请保留版权和来源信息,谢谢!


static/image/hrline/4.gif

↓↓↓↓ 万水千山总是情,来个评分行不行{:301_1003:}

oceanwind 发表于 2017-3-18 15:49

学习了,谢谢!

一个人的思念。 发表于 2017-3-18 15:36

感谢楼主不懈努力,正好阿里云送了一年主机, 试试效果去

www1678 发表于 2017-3-18 15:36

赞一个楼主6666666666

mantis 发表于 2017-3-18 15:40

歌曲 都能听吗

天蝎的未来 发表于 2017-3-18 15:41

支持孟坤,等了好久你终于开源了{:301_988:}

孟坤软件 发表于 2017-3-18 15:42

天蝎的未来 发表于 2017-3-18 15:41
支持孟坤,等了好久你终于开源了

做了好久,终于做完了{:301_971:}

孟坤软件 发表于 2017-3-18 15:45

mantis 发表于 2017-3-18 15:40
歌曲 都能听吗

基于网易云音乐的 api ,理论上在网易云能听的,在这上面都能听

tarena_ios 发表于 2017-3-18 15:45

谢谢楼主分享!

亦梦 发表于 2017-3-18 15:47

页面设计不错,路过,支持楼主越做越好
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 【html】超漂亮的音乐播放器 支持搜歌、同步播放列表、同步歌词、一键下载、一键外链!