Code Monkey home page Code Monkey logo

l2xs-music's Introduction

L2xs-Music

<<<<<<< HEAD

L2xs-Music 是五伏高压博主设计的一款在线音乐播放器,具有音乐搜索、播放、歌词显示、播放历史、查看歌曲评论、网易云用户歌单播放同步等功能

安装与使用

检查 node 版本

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

L2xs-Music

# 下载 L2xs-Music
git clone https://github.com/chaojiaxi/L2xs-Music

# 进入 L2xs-Music 播放器目录
cd L2xs-Music-web

# 安装依赖 推荐使用 pnpm
pnpm install
# 或者
npm install

# 本地运行 L2xs-Music
npm run serve

# 编译打包
npm run build

后台 api 服务(本地开发)

网易云音乐 NodeJS 版 API

# 下载 NeteaseCloudMusicApi
git clone --depth=1 https://github.com/Binaryify/NeteaseCloudMusicApi

# 进入 NeteaseCloudMusicApi 后台服务目录
cd NeteaseCloudMusicApi

# 安装依赖
npm install

# 运行后台 api 服务 访问 http://localhost:3000
node app.js

技术栈

  • Vue Cli Vue 脚手架工具
  • Vue 2.x 核心框架
  • Vue Router 页面路由
  • Vuex 状态管理
  • ES6 (JavaScript 语言的下一代标准)
  • scss 预处理器)
  • Axios(网络请求)
  • FastClick(解决移动端 300ms 点击延迟)

项目结构目录图(使用 tree 生成)

功能与界面

  • 播放器
  • 快捷键操作
  • 歌词滚动
  • 正在播放
  • 排行榜
  • 歌单详情
  • 搜索
  • 播放历史
  • 查看评论
  • 同步网易云歌单

更新说明

查看更多

V1.0.0(2023.03.15)

  • 新建文件

免责声明

本站音频文件来自各网站接口,本站不会修改任何音频文件
音频版权来自各网站,本站只提供数据查询服务,不提供任何音频存储和贩卖服务
本项目仅为前端练手项目,请勿用作商业用途,请勿通过本项目下载盗版歌曲资源,否则后果自负!

其他说明

  • 个人练手项目
  • 如果您喜欢该作品,您可以点右上角 "Star" 或者打赏犒劳一下表示支持 谢谢!

支付宝:

微信:

鸣谢

特别感谢 JetBrains 为开源项目提供免费的 WebStorm 授权

License

五伏高压在线音乐平台

ced4dd21a2db723bf5e080e64ac5d73564c65c2d

l2xs-music's People

Contributors

chaojiaxi avatar

Stargazers

lxsky avatar

Watchers

 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.