radishes-music/radishes

Radishes 2.0.0

后续更新某些功能可能会使用 gyron 这个自研框架，它拥有极小的体积和灵活的组织能力。

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

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

🎡 项目运行

克隆项目

git clone https://github.com/radishes-music/radishes.git --recursive

环境配置

本项目使用 yarn > 3 构建，新版yarn的具体使用可以移步官网

packageJson 已经指定yarn的版本，无需手动设置，只需运行下面命令

# nodejs <16.10
# npm i -g corepack\

corepack enable

安装依赖

yarn
yarn bootstrap

运行项目

web 调试

yarn dev

electron 调试

yarn dev:electron

构建项目

web 端

yarn build

win 端

yarn pkg:win

macos 端

yarn pkg:macos

linux 端

yarn pkg:linux

一键部署

docker-compose up -d
# 然后访问 http://localhost:1234

支持的功能

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