摘要：本文研究了以网易云音乐资源为基础的在线音乐播放器，采用vue全家桶开发了一款web应用--音乐播放器。用户无需安装软件，不限移动终端设备，只需连接网络即可进入播放器。用户可以使用网易云账号登录、查看榜单、搜索音乐、查看歌词、发送评论等功能，利用本地存储保存了用户的登录信息、搜索记录、听歌记录，若用户没有手动删除记录，则可以永久保存信息。播放器界面采用毛玻璃设计，界面效果会随着播放歌曲的切换而改变，与专辑图片保持一致的主色调，使界面既简洁又美观。系统还为已登录用户提供歌单创建的功能，可根据个人兴趣爱好为个人歌单添加歌曲。

 

关键词：音乐播放器；web应用；vue; NeteaseCloudMusicApi 

 

目 录

摘 要

Abstract

1 绪论-1

1.1 项目背景-1

1.2 项目意义-1

2 音乐播放器调研-2

2.1 业务分析-2

2.2 可行性分析-2

3 需求分析-3

3.1 平台需求概述-3

3.2 功能性需求分析-3

3.2.1 音乐搜索需求-4

3.2.2 音乐播放控制需求-5

3.2.3 音乐播放列表管理需求-6

3.2.4 歌单推荐需求-8

3.2.5 歌词滚动显示需求-9

3.2.6 音乐下载需求-9

4 平台设计与实现-10

4.1 开发技术与运行环境-10

4.1.1 开发技术-10

4.1.2 运行环境-10

4.2 平台架构的总体设计-10

4.3 平台功能设计-11

4.3.1 播放器功能-11

4.3.2 主页面功能-15

4.3.3 歌单模块功能-16

4.4 界面设计-17

5 音乐播放器测试-19

5.1 软件测试简述-19

5.2 黑盒测试-19

6 小结-21

参 考 文 献-22

致谢