Music Box

介绍

一款基于 vue.js 开发的网页音乐播放器。

网站技术

网站技术说明：

• HTML5
• Less
• Vue.js
• 网易云音乐 NodeJS 版 API

安装教程

1. 将项目克隆到本地

$ git clone https://gitee.com/JhouXu/SaKaYe.git

2. 运行

$ cd music-box

# 进入项目文件中，打开运行 index.html 文件即可。

功能模块

1. 音乐关键词搜索
2. 音乐播放
3. 当前音乐的评论
4. 音乐 MV 播放

目录结构

music-box
├─ .git
├─ .gitignore
├─ css
│  ├─ commonStyle.css
│  ├─ iconfont.css
│  └─ index.less
├─ font
│  └─ CreatineYouthRegular.ttf
├─ images
│  ├─ bg.jpg
│  ├─ disc.png
│  ├─ icon.png
│  └─ player_bar.png
├─ index.html
└─ js
   └─ index.js

界面效果

• 首页

• 音乐搜索播放页

• mv 播放页

参与贡献

• JhouXu（作者）

关于

• github 仓库地址：https://github.com/JhouXu/music-box
• github 演示地址：https://jhouxu.github.io/music-box/

本仓库音乐播放器主要通过Less+Vue.js得以实现，其中图片、视频等素材均来源于网络，仅供学习使用。谢谢观看。