GithubHelp home page GithubHelp logo

gpsbird / xbyjmusic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yllg/xbyjmusic

0.0 1.0 0.0 35.86 MB

🎷🎸基于electron的跨平台 NeteaseMusic 桌面应用🎺🎻

JavaScript 99.45% HTML 0.50% Shell 0.06%

xbyjmusic's Introduction

xbyjMusic

js-standard-style GitHub license

跨平台 NeteaseMusic 桌面应用

前言

最近在学electron,想想平时用的桌面应用,除了编辑器和IDE等办公应用之外,就属"网易云音乐"了

夏日的夜晚,听着喜欢的音乐,沉浸在自己的世界里Coding

注:此项目纯属个人瞎搞,正常的付费音乐等服务请选网易云音乐官方客户端。

技术栈

electron + react + mobx + react-router + jss + webpack + express + ES6/7 + axios + flex + canvas

项目运行

注意:由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本

git clone https://github.com/yllg/xbyjMusic.git  
cd xbyjMusic
git submodule init
git submodule update
npm install
npm run dev

目标功能

页面

  • 首页 -- 完成
  • 登陆 -- 完成
  • 每日推荐 -- 完成
  • 私人FM -- 完成
  • 歌曲页 -- 完成
  • 歌单页 -- 完成
  • 歌手页 -- 完成
  • 用户页 -- 完成
  • 排行榜 -- 完成
  • 歌单主页 -- 完成
  • 偏好设置页/首选项 -- 完成
  • MV/视频页
  • 朋友页
  • 我的歌手/我的收藏
  • 主播电台
  • 最新音乐

组件

  • header组件 -- 完成
  • 左菜单组件 -- 完成
  • 播放条组件 -- 完成
  • audio组件 -- 完成
  • 播放列表组件 -- 完成
  • 歌词组件 -- 完成
  • 评论组件 -- 只完成分类显示
  • 搜索组件 -- 完成
  • 首页轮播 -- 接口参数不明,拿不到最新数据哦
  • 同步轮播组件 -- 关于我
  • 提示组件 -- 完成

功能

  • 喜欢 -- 完成
  • 不喜欢 -- 完成
  • 收藏歌单 -- 完成
  • 收藏歌曲
  • 收藏歌手 -- 完成
  • 评论
  • 评论点赞 -- 完成
  • 下载歌曲

效果演示

(LICEcap录制GIF时,渐变色会有点失真,动图将就看下哈~)

首页

每日推荐

私人FM

歌曲页

歌单页

歌手页

用户页

加载

排行榜

歌单主页

搜索页

偏好设置/首选项

说明

如果本项目对您有帮助,可以点右上角 "Star" 支持一下 谢谢~

或者您可以 "fork" 一下,和我一起完善剩下的功能

数据接口Binaryify/NeteaseCloudMusicApi 提供。

项目参考 trazyn/ieaseMusic

最后

欢迎关注我的公众号,还有个技术交流群(备注自己github账号哦)

公众号,微信群

捐赠 Donate

如果我的项目对你有帮助,可以请我喝杯咖啡 肥宅快乐水哦~🐷

支付宝,微信支付

License

GPL

xbyjmusic's People

Contributors

yllg avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.