# 简易播放器

**Repository Path**: hannah_bingo/simple-player

## Basic Information

- **Project Name**: 简易播放器
- **Description**: 原生JavaScript调用网易云API，实现登录退出，热门歌单，歌词显示等音乐播放功能。绝对是练手可以借鉴的代码！拥有详细的readme文档以及在线展示。该款播放器名为希声。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 7
- **Created**: 2022-02-06
- **Last Updated**: 2023-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 希声——简易播放器v1.0

> 作者： [翼遥bingo](https://blog.csdn.net/hannah2233)

> 如果对你有帮助的话，一定要点亮星星哦！！！加油

## 1-1 介绍

1. 原生JavaScript调用网易云API，实现登录退出，热门歌单，歌词显示等音乐播放功能。绝对是练手可以借鉴的代码！拥有详细的readme文档以及在线展示。该款播放器名为希声。
2. 在线演示 ： [希声_music (3vkj.net)](http://yiyaobingo.3vkj.net/XS_music/index.html)



## 1-2 现有功能说明及页面展示：



##### 1-2-1  登录及退出功能

- 点击我的音乐以及登录皆可出现

![image-20220206151829410](https://gitee.com/hannah_bingo/yyy/raw/master/image-20220206151829410.png)



![image-20220206151850869](https://gitee.com/hannah_bingo/yyy/raw/master/image-20220206151850869.png)

##### 1-2-2 “热门推荐“模块 

![image-20220206152300528](https://gitee.com/hannah_bingo/yyy/raw/master/image-20220206152300528.png)

- 点击对应歌单跳转至”歌单“模块

  ![image-20220206152528969](https://gitee.com/hannah_bingo/yyy/raw/master/image-20220206152528969.png)

##### 1-2-3 点击播放歌曲并且查看歌词

![image-20220206152646801](https://gitee.com/hannah_bingo/yyy/raw/master/image-20220206152646801.png)


## 1-3  使用说明



1. 参与贡献
   - Fork 本仓库
   - 新建 Feat_xxx 分支
   - 提交代码
   - 新建 Pull Request



## 1-4 说明

1. 页面红色区域为预留轮播图区域
2. 播放条样式为浏览器默认，更改代码已注释
3. 详细功能完善待更，博主得搞其他事情了
4. 尽快将功能更为完善的vue版本的”希声“发布
5. 项目仅为练手所用，感谢网易云音乐提供的接口！好评！！！

## 1-5 GIF动画能行么？

![2021-2-6（1）](https://gitee.com/hannah_bingo/yyy/raw/master/2021-2-6%EF%BC%881%EF%BC%89.gif)![2021-2-6](https://gitee.com/hannah_bingo/yyy/raw/master/2021-2-6.gif)