# music-box

**Repository Path**: JhouXu/music-box

## Basic Information

- **Project Name**: music-box
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-11
- **Last Updated**: 2021-06-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Music Box readme

## 介绍

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

## 网站技术

网站技术说明：

- HTML5
- Less
- Vue.js
- [网易云音乐 NodeJS 版 API](https://neteasecloudmusicapi.js.org/#/)

## 安装教程

1. 将项目克隆到本地

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

2. 运行

```md
$ 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
```

## 界面效果

- 首页

![init.png](https://jhouxu.github.io/music-box/images/img-md/init.png)

- 音乐搜索播放页

![music-search.png](https://jhouxu.github.io/music-box/images/img-md/music-search.png)

- mv 播放页

![mv-play.png](https://jhouxu.github.io/music-box/images/img-md/mv-play.png)

## 参与贡献

- JhouXu（作者）

## 关于

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

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