Merge pull request #136 from SWM-FIRE/dev

add diagram to readme
SWM-FIRE · Aug 17, 2022 · 12b7197 · 12b7197 · vercel · Aug 17, 2022
2 parents c1171d9 + 8f288cd
commit 12b7197
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -64,6 +64,14 @@
 
 ## 아키텍쳐 ⚒
 
+### Full Architecture
+
+![full arch](https://user-images.githubusercontent.com/66371206/185145423-00937aee-eb35-46e7-85e0-a5aa5e372794.png)
+
+### WebRTC Flow
+
+![WebRTC Sequence Diagram](https://user-images.githubusercontent.com/66371206/185143244-142999a6-9f58-4e56-90ef-598782d7f420.png)
+
 ## 기술적 도전 🚀
 
 ### WebRTC

diff --git a/src/hooks/useCreateMediaStream.ts b/src/hooks/useCreateMediaStream.ts
@@ -60,7 +60,7 @@ export const useCreateMediaStream = () => {
           audio: {
             autoGainControl: false,
             channelCount: 2,
-            echoCancellation: false,
+            echoCancellation: true,
             latency: 0,
             noiseSuppression: false,
             sampleRate: 48000,
@@ -82,7 +82,10 @@ export const useCreateMediaStream = () => {
   const createDisplayStream = async () => {
     try {
       const videoStream = await navigator.mediaDevices.getDisplayMedia({
-        video: true,
+        video: {
+          width: { ideal: 1280, max: 1280 },
+          height: { ideal: 720, max: 720 },
+        },
       });
       videoStream.getVideoTracks().forEach((track) => {
         myStream.localStream.addTrack(track);