Skip to content

该项目是基于网易云api实现的一个在线音乐播放网站,分为在线部分与用户个人部分。该项目的主要技术栈是vue3.2+ts+pinia+vue-router+elementui-plus,项目比较成熟,该有的功能全部都有

License

Notifications You must be signed in to change notification settings

boy-twilight/muse-music

Repository files navigation


项目描述

  1. 暮色音乐是基于网易云开源 api 实现的一个在线播放网站,涵盖在线部分与用户个人数据部分,主要技术栈是 vue3.2+ts+pinia+vue-router+elementui-plus,主要实现了首页音乐推荐,音乐馆,音视频播放,歌词同步,二维码登录,歌手详情查看,综合搜索,歌单,深色模式与浅色模式等等
  2. 生产环境下部署api过后无法登陆,属于网易云api的问题

更新

  1. 此版本更新了电台页
  2. 更新了搜索歌词和电台
  3. 更新了用户导入导出数据,以后再清除浏览器缓存之前,导出备份数据,下一次导入即可恢复数据
  4. 预览:
  5. 预览

项目说明

  1. 本项目仅供学习,请不要用于其它任何用途
  2. 本项目不提供后端服务,要使用后端请去https://binaryify.github.io/NeteaseCloudMusicApi下载后端
  3. 项目的后端接口为 http://localhoust 3000,要修改可以去 request.ts 修改

项目启动

  1. 安装后端,然后 Node app.js 启动后端
  2. npm install 下载依赖
  3. npm run dev 运行项目

项目截图

  1. 首页 首页
  2. 歌单页 歌单详情页
  3. 视频推荐页 视频推荐页
  4. 视频播放页 视频播放页
  5. 歌手页 歌手页
  6. 歌手详情页,在此页面可用查看歌手的专辑,视频,详情,热门歌曲 歌手详情页
  7. 专辑页,在此页面可用查看专辑歌曲和其它专辑 专辑
  8. 搜索页,可根据关键词搜索歌曲,歌单,歌手,视频,专辑 搜索页
  9. 歌曲详情页 歌曲详情页
  10. 音乐馆页 音乐馆页
  11. 黑夜模式 黑夜模式
  12. 用户喜欢的音乐页 喜欢音乐页
  13. 用户最近播放页,在此页面可查看用户最近播放的音乐视频 最近播放页
  14. 下载记录页,在此页面用户可以查看自己下载的记录
    下载页

About

该项目是基于网易云api实现的一个在线音乐播放网站,分为在线部分与用户个人部分。该项目的主要技术栈是vue3.2+ts+pinia+vue-router+elementui-plus,项目比较成熟,该有的功能全部都有

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published