Giter Club home page Giter Club logo

web-music-player's Introduction

Welcome to web-music-player 👋

Version Documentation Maintenance License: MIT

仿网易云音乐(mac 客户端)web 版,使用 Vue3 + Typescript + 网易云音乐 api(NeteaseCloudMusicApi) 开发。

免责声明

本项目的图片、音频文件均来自第三方平台,本项目只做展示用,不会修改任何资源。

音频版权来自各网站,本站只提供数据查询服务,不提供任何音频存储和贩卖服务,亦不提供第三方图片、音频文件的下载功能。

本项目仅用于学习和交流,请勿用作商业用途,请勿通过本项目下载盗版歌曲资源,否则后果自负!

在线访问地址

地址 1(部署在国内定期更新):music-player.immortalboy.cn

地址 1(netlify 外网部署,实时同步):music-player2.immortalboy.cn

说明:地址 1 部署在国内,由我定期部署;地址 2 通过 netlify 拉去 github 的 hooks 自动部署,但是网页部署在国外,首页加载很慢。

每周周报

上周已完成功能和已修复的问题:

周报统计

所有已完成功能和已修复的问题:

历史周报统计

安装和使用

环境要求

# 查看 node 版本,确保 node 版本高于 12 版本
node -v

安装

# 根目录安装项目依赖
yarn install or npm install

使用

# 本地运行
yarn run start or npm run start

部署到线上环境与本地运行不同,因为项目中的前端部分是 SPA,所以需要部署到服务器软件(nginx 等)的静态目录下,所以前端需要单独打包,而后端本身就是一个 node 服务,只需要启动即可运行。但是,后端服务需要服务器转发才可以生效。

# 获取打包后的SPA
yarn build
# 进入到后端服务目录单独启动后端服务
cd wangyiyun-server & yarn start
or
cd wangyiyun-server & npm start

# 为前端网站配置好相应的域名,为后端服务做好反向代理
# 把打包好的静态文件迁移到对应的服务器软件目录中

待办清单

近期将要开发的功能(按照顺序完成)

  • 系统通知
  • 播放顺序功能(随机播放、单曲播放等等)
  • 独家放送
  • 歌词功能(不开发评论功能)
  • 顶部搜索功能
  • 歌手详情-歌手 MV
  • MV 详情(不开发评论功能)
  • 歌单-精品歌单

页面

  • 个性推荐

  • 歌单

  • 主播电台

  • 排行榜

  • 歌手

  • 最新音乐

  • 最新音乐

  • 系统通知

  • 吐槽专区

  • 歌手详情

  • 电台详情

  • 排行榜详情

  • 歌手排行榜

  • 专辑详情

  • 独家放送

  • 歌单-精品歌单

  • MV 详情(不开发评论功能)

  • 视频-视频

  • 视频-MV

  • 搜索结果

功能

  • 个性推荐页面优化
  • 更新公告功能(自定义)
  • 播放顺序功能(随机播放、单曲播放等等)
  • 歌词功能
  • 顶部搜索功能
  • 更换背景图片功能(自定义)

杂项

  • 添加单元测试
  • 完善 README 文件
  • 引入 vite
  • 探索实现项目的自动化部署

Author

👤 钟辉

🤝 Contributing

欢迎贡献代码与我一起共建这个开源项目,欢迎 issues!
请随时查看 问题页.

支持与赞助

如果这个项目对您有任何帮助,欢迎 ⭐️,欢迎 fork!

📝 License

Copyright © 2021 钟辉.
This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator

web-music-player's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.