Fix video ui for p2p calls

GitklcHub · Apr 12, 2021 · d994186 · d994186
1 parent 8fab4f6
commit d994186
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "homepage": "https://evgeny-nadymov.github.io/telegram-react",
   "name": "telegram_react",
-  "version": "0.0.989",
+  "version": "0.0.990",
   "private": true,
   "dependencies": {
     "tdweb": "^1.7.2",

diff --git a/src/Components/Calls/CallPanel.css b/src/Components/Calls/CallPanel.css
@@ -17,6 +17,7 @@
     position: absolute;
     left: 0;
     right: 0;
+    z-index: 1;
 }
 
 .call-panel-microphone-hint-wrapper {

diff --git a/src/Components/Calls/GroupCallPanel.css b/src/Components/Calls/GroupCallPanel.css
@@ -7,7 +7,8 @@
 
 #call-output-video {
     width: 348px;
-    max-height: 320px;
+    height: 348px;
+    background: black;
 }
 
 .full-screen #call-output-video {
@@ -115,11 +116,11 @@
 
 .group-call-panel-buttons {
     flex-shrink: 0;
-    padding: 58px 40px;
+    padding: 30px 40px 58px 40px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    height: 220px;
+    height: 192px;
     min-width: 348px;
     box-sizing: border-box;
     position: relative;

diff --git a/src/Stores/CallStore.js b/src/Stores/CallStore.js
@@ -1971,6 +1971,11 @@ class CallStore extends EventEmitter {
                     }
                 }
 
+                // if (description.type === 'offer' && description.sdp.indexOf('a=setup:active')) {
+                //     description.sdp = description.sdp.replaceAll('a=setup:active', 'a=setup:actpass')
+                // }
+
+                console.log('[sdp] remote', description.type, description.sdp)
                 await connection.setRemoteDescription(description);
 
                 if (currentCall.candidates) {
@@ -1982,7 +1987,10 @@ class CallStore extends EventEmitter {
 
                 if (!isAnswer) {
                     const answer = await connection.createAnswer();
-                    console.log('[sdp] local', answer.sdp);
+                    // if (description.sdp.indexOf('a=setup:active') && answer.sdp.indexOf('a=setup:active')) {
+                    //     answer.sdp = answer.sdp.replaceAll('a=setup:active', 'a=setup:passive');
+                    // }
+                    console.log('[sdp] local', answer.type, answer.sdp);
                     await connection.setLocalDescription(answer);
 
                     // LOG_P2P_CALL('2 try invoke p2pAppendInputStream', inputStream, is_outgoing);