简易播放器: 原生JavaScript调用网易云API，实现登录退出，热门歌单，歌词显示等音乐播放功能。绝对是练手可以借鉴的代码！拥有详细的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)

翼遥bingo/简易播放器

简介

发行版

贡献者

近期动态

翼遥bingo/简易播放器 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

翼遥bingo/简易播放器