摘要：近年来，社会发展突飞猛进，人们物质生活得到了极大地满足，对精神生活的追求也在增加。为用户提供了一个相对简洁的平台，在闲暇时享受音乐之美。由此，实现了基于H5，C3以及Vue.js框架的在线音乐网页，通过Tone.js实现音乐的播放。该网页实现在当前网页进行鼠标点击按键播放；键盘按键播放；通过点击演奏列表可以获取乐谱进行练习弹奏；通过点击自动演奏列表实现乐曲的自动播放，通过点击暂停键可以暂停乐曲的播放；随机更换壁纸和上传更换壁纸。网页使用了模块化方式，提高了代码的复用性，让代码模块更加方便管理。

 

关键词：音乐网页；Web；Tone.js；Web Audio API；

 

目 录

摘 要

Abstract

1 引言-1

1.1研究背景-1

1.2研究目标和意义-1

2 相关原理和技术-2

2.1开发和部署环境介绍-2

2.2系统主要采用技术-2

3 系统整体设计-4

3.1系统总体设计思想-4

3.2 系统模块结构图-4

3.3 系统功能模块划分-4

4 详细设计-6

4.1 钢琴模块设计-6

4.2 快速入门模块页面设计-6

4.3 自动播放模块页面设计-7

4.4 键盘按键播放功能和鼠标点击播放功能设计-8

4.5 乐曲自动播放功能设计-9

4.6 快速入门功能设计-9

4.7 更换壁纸功能设计-10

4.8 实体乐器购买功能设计-11

5系统页面展示-12

5.1系统首页-12

5.2钢琴模块-12

5.3快速入门模块/自动演示模块-12

5.4更换壁纸模块-13

6 系统测试-14

6.1 关于软件测试-14

6.2 系统黑盒设计-14

7 总结-15

参 考 文 献-16

致 谢