As we go through the COVID-19, most of the 'meeting places' are rapidly moving to various virtual conference spaces started from Zoom. As such, there are many side effects, A typical example is Zoom Fatigue, which causes a lot of fatigue in virtual conferences than usual conversations. We think the main causes of that are
Part | Environment | Remark(Version) |
---|---|---|
FrontEnd | React | 17.0.2 |
BackEnd | NestJS | 7.6.15 |
WebServer | Nginx | 1.14.2 |
Publishing Server Hardware | AWS | EC2 |
Name | Remark |
---|---|
WebRTC | Seamless voice and data transmission between users |
WebGL(PixiJS) | Outputs animation instead of video, using the client's graphics processing hardware |
WebAudioAPI | Voice analysis and control for realizing realistic conversations without video |
Jest | Unit and Integration Test of implemented components and classes |
Component Path | /front/src/pages/homePage/Home.tsx |
URL | / |
Role | Route to SettingComponent (/setting) with random or specific(input) roomId |
Remark | 자세히 알아보세요 is connected with this github page |
Component Path | /front/src/pages/settingPage/Setting.tsx |
URL | /setting |
Role | Select mic, speaker device and avatar information (nickname and avatarImage) and route to SpaceComponent with selected values |
Remark | Only Chrome browser is fully supported |
Component Path | /front/src/pages/spacePage/Space.tsx |
URL | /space |
Role | - Draw map and avatars using pixiUtils - Establish P2P connection and transfer avatar data using Peer, PeerManager - Analyze voice for lip sync using AudioAnalyer - Control all of settings (with Navigation Component |
Remark | - If you want to customize world map, see World.ts and world1.json - If you want to add some special stuff (like Youtube sign), see Stuff.ts - If you want to Improve lip sync logic, see AudioAnalyer - If you want to develop your own signaling server, see RTCSignalingHelper.ts - If you want to add stun/turn server, see IceServerList.ts |
in back folder
npm install
npm run start:dev
in front folder
npm install
npm run start
npm run test
npm run testCover
Name | Role | Major Part | Minor Part | Tech Stack | |
---|---|---|---|---|---|
kilee | gnsdlrl@daum.net | Leader | Design, project deployment and management | Front | AWS, Github Action, CI/CD, React, Typescript |
honlee | kij753@naver.com | member | Front | Back | AWS, React, NestJS, Typescript |
hyeonkim | hyongtiii@gmail.com | member | Back | Front | React, NestJS, Typescript |
mijeong | minje70@naver.com | member | Front | Back | React, NestJS, Typescript |
Generated using TypeDoc