Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QI5Melody

小组成员

  • 张译文 重庆邮电大学
  • 闻双云 吉林大学
  • 黎瀚章 华南理工大学
  • 李晓会 西南大学
  • 孟芊冶 哈尔滨工程大学
  • 何江湖 重庆邮电大学

小组分工

  • 张译文: 组织协调安排组员任务,跟踪项目进度,协调解决问题,写文档
  • 孟芊冶: nodejs服务器搭建,前后台交互数据处理,页面设计
  • 何江湖: 音频处理js逻辑代码编写,素材收集,处理素材,ppt设计,页面设计
  • 闻双云: 键盘按键+页面视觉js逻辑代码编写,页面设计
  • 黎瀚章: nodejs服务器搭建,前后台交互代码测试编写
  • 李晓会: 键盘按键数据录入js逻辑代码编写,页面设计

项目简介

QI5Melody 是一个在线音乐制作web应用,具有制作音乐上传音乐,与查看分享音乐三个功能模块。用户可在线录入自己的音乐作品,成功后可上传音乐,还可以查看线上已有的音乐。

项目功能描述

1、制作音乐

在制作音乐模块

用户在点击开始录制后,可实时弹奏键盘按键,并能实时看到屏幕上的按键反馈、听到对应按键的声音

2、上传音乐

在用户制作好自己的音乐后可以点击上传音乐,将制作的音乐对应的json格式的数据发送给服务器,服务器保存在数据库中。

3、查看分享音乐

在查看分享的音乐模块,用户可以看到服务器上的在线音乐,(也就是用户上传的音乐),并可以播放在线的音乐。

数据库设计

数据库名: musicMelody

表名: QI5Melody

表子段:id、author、name、description、content、share

node服务器

1、上传音乐

datatype: json

type: post

2、查看音乐

datatype: json

type: get

使用的技术

  • 使用html5的 audio API
  • nodejs服务器
  • 按键事件处理
  • 前后台ajax通信

项目可改进的地方

  • 音频播放衔接不流畅,音频素材暂时只有钢琴素材
  • 服务器暂时没有用户模块,所有用户的歌曲信息都暂存在一张表内
  • 界面风格较简陋,可增加更多的细节和动画效果

总结

这次的合作是来自不同地方、不同大学的小伙伴临时集中在一起做的,虽然大家都是素未谋面的人,但是都能很快合作起来,从集中一起讨论做什么东西,到达成一致意见并开始投入工作,小伙伴们都很积极的表达自己的想法、提出建设性意见。到最后项目初步达到预期效果,虽然还待完善,不过能在每天上了课后回住处基本不能上网的情况下完成目标,还是体现了我们中华民族刻苦奋斗的传统美德。

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

4 watching

Forks

Releases

Packages

Contributors

Languages