基于vue3/typescript/vite/pinia/unocss的网易云音乐

web示例地址
支持按顺序/随机/列表/单曲播放音乐
支持按上述顺序进行上下首切换
支持web/electron环境运行
支持歌曲进度条拖放
支持二维码登录以及游客登陆(线上demo登录接口存在问题)

环境要求

  • Node.js 16+
  • typescript
  • vue
  • pnpm/npm
  • api接口(若本地运行需clone此项目本地运行)

项目文件说明

  • api 关于vercel的线上代理地址转发配置
  • builder electron的打包文件
  • docs 文档相关
  • electron electron相关的代码文件
  • src->api 接口文件
  • src->assets 本地资源
  • src->compoents 全局组件
  • src->config 全局配置
  • src->hooks hooks文件
  • src->layout 页面整体布局

项目运行

1.clone接口服务

git clone https://github.com/Binaryify/NeteaseCloudMusicApi
  1. 根目录执行
node app.js
  1. clone本项目至本地
git clone https://github.com/d-shijie/vue3-netease-music
pnpm install
pnpm dev

4.electron运行

pnpm electron

5.进行打包

pnpm build/pnpm electron:build

演示(部分截图)

find_music_new_music.png

find_music_playlist.png

find_music_rank.png

find_music_singer.png

playlist_detail_comment.png

playlist_detail_musics.png

其他

本项目为作者的练手项目,在后续会持续更新以及优化,希望大家提出自己的意见和建议😊,求⭐⭐哟!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值