• Stars
    star
    164
  • Rank 230,032 (Top 5 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

xbyjMusic

js-standard-style GitHub license

跨平台 NeteaseMusic 桌面应用

技术栈

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时,渐变色会有点失真,动图将就看下哈~)

首页

<img src="https://github.com/yllg/xbyjMusic/blob/master/screenshots/1.%E9%

More Repositories

1

mpvue-xbyjShop

前端mpvue🚀后端nodejs🔋+thinkjs+mysql📂微信小程序商城(准备用uniapp重构并适配多端)
Vue
1,025
star
2

WXxcx

🏡 微信小程序-e生活,全国城市切换,天气查询,地图服务,豆瓣电影,热点新闻等等....
JavaScript
392
star
3

Algorithms-JS

LeetCode算法题的JS解法✏️📒 + 平时遇到的算法题、手写题汇总📗📘📙📚
HTML
87
star
4

blog

😈 📝 🎵 📺 我的个人博客网站
HTML
29
star
5

wasm-ffmpeg

🎥🔊🌁使用Emscripten把FFmpeg库按功能需要编译成wasm/asmjs,在浏览器进行多媒体处理
C
28
star
6

CNN-CarLogo

🤖CNN卷积神经网络 实现汽车🚘logo图像识别
HTML
25
star
7

SLIC-ImageSegmentation

基于SLIC图像分割算法实现一个比PS魔棒工具还方便的抠图工具
JavaScript
20
star
8

Performance

🚀 前端性能优化:动态CDN,CDN预加载,Pjax实现SPA,缓存负载均衡,ORM库,离线包manifest,lazyloadjs静态资源并行分发器
JavaScript
15
star
9

Vue-CoreDemo

♻实现vue双向数据绑定的demo🍺(附详细注释)
JavaScript
9
star
10

WebFramework

基于KOA2的前后端脚手架🔧
JavaScript
8
star
11

React-Mall

基于⚛React全家桶的电子商城🏪
CSS
7
star
12

ZWJ

仿淘宝造物节邀请函
JavaScript
5
star
13

ffmpeg-wechat-video

wechat不予许video写进canvas🤢,所以类似PIXI.VideoBaseTexture的视频精灵都无法再微信运行😞,这是一个兼容方案💡😬
JavaScript
5
star
14

canvas-compreImg

💼使用canvas在浏览器对图片🌁🌃🌆🌇🌉🌌进行 不修改尺寸的压缩
HTML
4
star
15

JS-Blockchain

JS实现自己的⛓区块链⛓
HTML
3
star
16

CIFAR-10-demo

使用CIFAR-10数据集✈️🚗🐦🐈🦌🐶🐸🐎🚢🚛在浏览器训卷积神经网络
JavaScript
3
star
17

BingPaper-PythonSpider

🌋🌃基于Python3的Bing壁纸爬虫🕷
Python
2
star
18

SortDemo

🔄五种常见排序算法的JS实现😉
HTML
2
star
19

Node-IOC

一个简单的nodejs实现🔃 IOC控制反转和🔄 DI依赖注入的demo
JavaScript
2
star
20

2048-canvas

2048小游戏+canvas霓虹粒子效果
CSS
2
star
21

KOA2

🚄 KOA2 demo
JavaScript
1
star
22

getUserMediaDemo

AR简易demo
HTML
1
star
23

learn-unity

C#
1
star
24

PWAdemo

📱Service Worker 实现一个简单的PWA🎆 demo
JavaScript
1
star
25

IOC_Demo

DI依赖注入 实现IOC控制反转的几个简单例子
JavaScript
1
star
26

learning-WebGL

JavaScript
1
star
27

learn-threejs

JavaScript
1
star
28

canvas-game

canvas见缝插针 小游戏
JavaScript
1
star
29

webpack-Gulp

🏭 前端工程化和可持续构建
JavaScript
1
star
30

React-TodoList

React-TodoList 和canvas粒子特效
JavaScript
1
star
31

AST-Tree-Shaking-Demo

基于AST的简易tree-shaking 实现
JavaScript
1
star
32

canvas-DotSystem

canvas酷炫粒子系统
JavaScript
1
star