链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

MKOnlineMusicPlayer:一个无功能的在线音乐播放器UI

MKOnlineMusicPlayer是一款全屏音乐播放器UI框架,前端参照QQ音乐网页版布局且采用响应式设计。这是前端学习练手之作,无后端功能,在PC和手机端体验佳。项目采用Jquery、Meting等开源模块并参照开源播放器代码,仅供学习勿商用。

访问官网 →

【Github】项目名:MKOnlineMusicPlayer:一个无功能的在线音乐播放器UI

项目简介

MKOnlineMusicPlayer是一款全屏的音乐播放器UI框架,前端界面参照QQ音乐网页版布局,采用流行的响应式设计,在PC端和手机端都能带来原生app般的使用体验。但这只是一个为学习前端的练手之作,已移除所有后端功能,无实际播放等功能。

项目目的

此项目是作为前端学习的练手项目而创建的。

核心技术

在开发过程中采用了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’sKillIE6(http://overtrue.me)等开源模块,并且参照了很多开源播放器的相关代码。

项目总结

MKOnlineMusicPlayer是一个很有意义的前端练手项目,虽然仅为UI没有功能且停止维护,但它展示了如何构建一个音乐播放器的前端界面,涉及到多种前端技术和开源模块的整合。欢迎大家在评论区留言讨论关于这个项目的任何想法或者疑问。

项目地址

GitHub链接直达