Giter VIP home page Giter VIP logo

music-1's Introduction

Vue3 Music

项目基于 Vue3 全家桶开发的 QQ 音乐播放器,项目界面模仿 QQ 音乐 Windows 客户端。

后端 API Binaryify/NeteaseCloudMusicApi

界面适配 PC+iPad;移动端未适配

如果觉得项目不错的话欢迎 star

  • 部分音乐由于版权问题无法播放
  • 频繁关/取关注歌手或用户会导致风控,解决方法是登录 PC 端网易云扫码验证解决
  • 雷达(电台)无法播放,请求接口提示无版权,有小伙伴有解决办法的欢迎 lssues
  • 评论区回复接口返回的数据太复杂,等有时间了再 push
  • 视频小窗目前只支持拖动位置,暂不支持暂停/播放/修改进度
  • 项目有任何问题及 bug 欢迎提出 lssues

安装

$ git clone https://github.com/xyyfun/music.git
$ cd vue-music
$ npm install

运行

$ npm run serve

打包部署

$ npm run build

进度

  • 推荐页

  • 音乐馆

    • 精选
    • 有声电台
    • 排行
    • 歌手
    • 分类歌单
    • 数字专辑
  • 视频

    • 视频/MV 播放
  • 雷达

  • 我喜欢

  • 本地下载

  • 最近播放

  • 试听列表

  • 用户歌单

  • 登录

  • 用户

    • 用户喜欢
    • 用户歌单
  • 歌词播放器

  • 歌单详情

  • 歌单/专辑/电台评论

  • 播放列表

  • 歌手详情

  • 深色模式

  • 搜索

  • 通知

    • 私信
    • 评论
    • @我
    • 通知

技术栈

  • Vue3 全家桶
  • vueuse 第三方工具库
  • axios 请求工具
  • mitt 组件通信
  • vue-lazyload 图片懒加载
  • lodash 第三方工具库

项目预览

首页-推荐

首页

音乐馆-精选

音乐馆-精选

音乐馆-电台

音乐馆-有声电台

音乐馆-排行

音乐馆-排行

搜索

搜索

播放器

播放器

歌单

歌单

视频

视频

之后的方向

  • 适配深色模式
  • 根据当前用户网络状况加载对应大小预览图
  • 视频小窗
  • 回复评论&楼层评论
  • 电台播放
  • ...

鸣谢

感谢Binaryify/NeteaseCloudMusicApi提供接口服务

music-1's People

Contributors

xyyfun avatar

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.