Git Product home page Git Product logo

netease-cloud-player's Introduction

正在用 vue3、vite、typescript 仿 AppleMusic 重新写了一个移动端的播放器

图片

体验一下 demo(建议手机)

前言

API 源自网易云音乐 NodeJS 版 API,非常感谢 API 提供者。

最近一项考试需要用到 vue2 所有没有选择 3,本身也很少接触 Audio API。发现如此全面的网易云音乐 API 后来踩踩坑,交互界面参考 Spotify、YouTuBe Music,后续考虑用 vue3、vite、typescript 练手。

目前仍在开发,如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!

演示

  1. 主页

图片

图片

  1. 自动提取主题色

图片

图片

  1. 播放 mv

图片

  1. 艺人详情

图片

  1. 播放列表

图片

项目中遇到的问题和总结记录

技术栈

  • vue2
  • axios
  • vue-cli
  • less
  • fetch

特点

  • 推荐歌单
  • 推荐 MV
  • 推荐歌手
  • 推荐新曲
  • 视频播放器
  • 音乐播放器
  • 显示播放进度
  • 拖动调整进度
  • 全局图片懒加载
  • 自动提取封面主题色
  • 显示缓存进度
  • 播放错误重连
  • 播放列表
  • 刷新恢复播放
  • 搜索所有内容
  • 搜索提示
  • vip 提示
  • 登录
  • 自动连播
  • 选择码率
  • 随机播放
  • 播放模式
  • 歌词

我的博客

项目地址

netease-cloud-player's People

Contributors

imzusheng avatar alto-martin 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.