radishes:多端音乐播放器，支持Web、Electron与移动端，仿网易云音乐界面

Radishes 2.0.0

Radishes是这个项目的名称，它是由萝卜翻译而来。可以在这里试听和下载“灰色”歌曲哟

界面表现和功能参考 windows 网易云音乐界面和 ios 的网易云音乐，会对一些功能进行移动端支持。希望能找到合适的基于 vue3 的移动端打包工具（非套壳）。

项目运行

• 克隆项目

git clone https://github.com/Linkontoask/radishes.git

• 安装依赖

cd radishes/
yarn bootstrap

• 运行项目
  web: yarn dev
  electron: yarn dev:electron

• 构建项目
  web: yarn build
  electron:win: yarn build:electron
  electron:linux: yarn build:electron:linux
  electron:macos: yarn build:electron:macos

支持的功能

browser: 浏览器支持
electron: 桌面级支持
mobile: 移动端支持(在线链接: http://112.74.169.178/mobile/music/，分支：next-mobile)
√: 已经支持
×: 不打算支持

功能	browser	electron	mobile
登录和注册（邮箱暂不支持注册）	√	√
每日推荐歌单和歌曲	√	√	√
每日轮播图以及新歌播放、查看歌单详情	√	√	√
歌单搜索、查看、收藏、下载	√	√	√
歌曲排行榜以及排行榜的分类支持	√	√	√
支持查看歌手专辑、详情、相似歌手以及歌手按地区等方式过滤	√	√	√
歌曲播放、暂停、歌词(横向、纵向)、音量 MediaSession(Chrome)	√	√	√
浮动歌词支持（在 PC 上为一个子窗口），歌词进度显示	√	√	×
支持设置播放源（QQ、酷狗等）、下载品质和下载位置修改	√	√
支持搜索歌手、专辑、歌单和单曲	√	√	√
本地音乐支持（支持拖放播放歌曲、歌曲标签 ID3v2 显示）	√	√	×
缓存本地所有状态（比如当前播放歌曲、进度、主题颜色、大小等）	√	√	√
朋友动态查看、点赞等
音乐云盘	√	√
视频播放、收藏
通知(已登录)	×		×
音效(3D 环绕、淡入淡出、温柔、混合)	√	√

Electron

目前已发布第一版，包含听歌等功能，前往 https://github.com/Linkontoask/radishes/releases/tag/2.0.0-alpha.1 下载 windows 版本。
已发布mac版本。v2.0.0-alpha.4 在开发的同时会快速兼容 Electron 。所谓的快速就是调用很少的 API 实现 PC 端的功能，比如放大、缩小、通知、歌词、音乐拖放上传。

目前Electron已经支持对歌曲的标签写入与读取，专辑封面还未压缩处理。所有在radishes平台下载的歌曲都会自动生成歌曲的歌手、专辑、标题等内容。
到现在为止，Electron平台相对于Web平台已经完成了下载进度展示、本地音乐的同步和播放、浮动歌词的展示。

vue3.x已发布，音乐项目已完成基本架构

目前会利用闲暇时间进行重构，如果你也想参与进来，可以发邮件或在这里告诉我

Star History

相关链接：

• NeteaseCloudMusicApi
• UnblockNeteaseMusic
• vuejs
• commitlint
• vue-cli
• prettier
• webpack-chain
• storybook
• storybook vue3 support
• vue-cli-plugin-electron-builder
• vue-cli jsx
• nativescript vue 3 issues
• nativescript-vue
• browser module
• dayjs
• lerna
• id3-writer