[mirotalksfu] - update readme and dep.

README.md

@@ -99,7 +99,7 @@ Embedding a meeting into a service or app using an iframe.
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/newroom"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```
 

app/api/README.md

@@ -30,7 +30,7 @@ Embedding a meeting into a `service` or `app` requires using an `iframe` with th
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/join/room_name"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```
 
@@ -42,6 +42,6 @@ Develop your `website` or `application`, and bring `video meetings` in with a si
 <iframe
     allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; autoplay"
     src="https://sfu.mirotalk.com/newroom"
-    style="height: 100%; width: 100%; border: 0px;"
+    style="height: 100vh; width: 100vw; border: 0px;"
 ></iframe>
 ```

package.json

@@ -44,7 +44,7 @@
         "express": "4.18.2",
         "httpolyglot": "0.1.2",
         "mediasoup": "3.12.6",
-        "mediasoup-client": "3.6.97",
+        "mediasoup-client": "3.6.98",
         "ngrok": "^4.3.3",
         "openai": "^3.3.0",
         "qs": "6.11.2",

public/js/RoomClient.js

@@ -421,6 +421,7 @@ class RoomClient {
                 function (state) {
                     switch (state) {
                         case 'connecting':
+                            console.log('Producer Transport connecting...');
                             break;
 
                         case 'connected':
@@ -437,6 +438,13 @@ class RoomClient {
                     }
                 }.bind(this),
             );
+
+            this.producerTransport.on(
+                'icegatheringstatechange',
+                function (state) {
+                    console.log('Producer icegatheringstatechange', state);
+                }.bind(this),
+            );
         }
 
         // ####################################################
@@ -471,6 +479,7 @@ class RoomClient {
                 async function (state) {
                     switch (state) {
                         case 'connecting':
+                            console.log('Consumer Transport connecting...');
                             break;
 
                         case 'connected':
@@ -487,6 +496,13 @@ class RoomClient {
                     }
                 }.bind(this),
             );
+
+            this.consumerTransport.on(
+                'icegatheringstatechange',
+                function (state) {
+                    console.log('Consumer icegatheringstatechange', state);
+                }.bind(this),
+            );
         }
     }