- 张译文 重庆邮电大学
- 闻双云 吉林大学
- 黎瀚章 华南理工大学
- 李晓会 西南大学
- 孟芊冶 哈尔滨工程大学
- 何江湖 重庆邮电大学
- 张译文: 组织协调安排组员任务,跟踪项目进度,协调解决问题,写文档
- 孟芊冶: nodejs服务器搭建,前后台交互数据处理,页面设计
- 何江湖: 音频处理js逻辑代码编写,素材收集,处理素材,ppt设计,页面设计
- 闻双云: 键盘按键+页面视觉js逻辑代码编写,页面设计
- 黎瀚章: nodejs服务器搭建,前后台交互代码测试编写
- 李晓会: 键盘按键数据录入js逻辑代码编写,页面设计
QI5Melody 是一个在线音乐制作web应用,具有制作音乐,上传音乐,与查看分享音乐三个功能模块。用户可在线录入自己的音乐作品,成功后可上传音乐,还可以查看线上已有的音乐。
在制作音乐模块
用户在点击开始录制后,可实时弹奏键盘按键,并能实时看到屏幕上的按键反馈、听到对应按键的声音
在用户制作好自己的音乐后可以点击上传音乐,将制作的音乐对应的json格式的数据发送给服务器,服务器保存在数据库中。
在查看分享的音乐模块,用户可以看到服务器上的在线音乐,(也就是用户上传的音乐),并可以播放在线的音乐。
数据库名: musicMelody
表名: QI5Melody
表子段:id、author、name、description、content、share
datatype: json
type: post
datatype: json
type: get
- 使用html5的 audio API
- nodejs服务器
- 按键事件处理
- 前后台ajax通信
- 音频播放衔接不流畅,音频素材暂时只有钢琴素材
- 服务器暂时没有用户模块,所有用户的歌曲信息都暂存在一张表内
- 界面风格较简陋,可增加更多的细节和动画效果
这次的合作是来自不同地方、不同大学的小伙伴临时集中在一起做的,虽然大家都是素未谋面的人,但是都能很快合作起来,从集中一起讨论做什么东西,到达成一致意见并开始投入工作,小伙伴们都很积极的表达自己的想法、提出建设性意见。到最后项目初步达到预期效果,虽然还待完善,不过能在每天上了课后回住处基本不能上网的情况下完成目标,还是体现了我们中华民族刻苦奋斗的传统美德。