[mirotalksfu] - update dep

package.json

@@ -31,11 +31,11 @@
         "express": "4.18.2",
         "httpolyglot": "0.1.2",
         "mediasoup": "3.11.6",
-        "mediasoup-client": "3.6.70",
+        "mediasoup-client": "3.6.71",
         "ngrok": "4.3.3",
         "qs": "6.11.0",
-        "@sentry/node": "7.31.1",
-        "@sentry/integrations": "7.31.1",
+        "@sentry/node": "7.32.0",
+        "@sentry/integrations": "7.32.0",
         "socket.io": "4.5.4",
         "swagger-ui-express": "4.6.0",
         "uuid": "9.0.0",

public/css/Room.css

@@ -105,19 +105,22 @@ body {
     color: #fff;
     padding: 30px;
     border-radius: 10px;
-    background: transparent;
+    background: rgba(0, 0, 0, 0.7);
 }
 #loadingDiv h1 {
     padding: 10px;
     font-size: 60px;
     font-family: 'Comfortaa';
-    background: rgba(0, 0, 0, 0.7);
     border-radius: 10px;
 }
-#loadingDiv p {
+#loadingDiv img {
+    margin-top: 5px;
+    margin-bottom: 10px;
+    border-radius: 10px;
+}
+#loadingDiv pre {
     padding: 10px;
     font-family: 'Comfortaa';
-    background: rgba(0, 0, 0, 0.7);
     border-radius: 10px;
 }
 

public/sfu/MediasoupClient.js

@@ -12124,6 +12124,10 @@
                     exports.extractRtpCapabilities =
                         void 0;
                 const sdpTransform = __importStar(require('sdp-transform'));
+                /**
+                 * This function must be called with an SDP with 1 m=audio and 1 m=video
+                 * sections.
+                 */
                 function extractRtpCapabilities({ sdpObject }) {
                     // Map of RtpCodecParameters indexed by payload type.
                     const codecsMap = new Map();
@@ -12174,14 +12178,27 @@
                         }
                         // Get RTCP feedback for each codec.
                         for (const fb of m.rtcpFb || []) {
-                            const codec = codecsMap.get(fb.payload);
-                            if (!codec) continue;
                             const feedback = {
                                 type: fb.type,
                                 parameter: fb.subtype,
                             };
                             if (!feedback.parameter) delete feedback.parameter;
-                            codec.rtcpFeedback.push(feedback);
+                            // rtcp-fb payload is not '*', so just apply it to its corresponding
+                            // codec.
+                            if (fb.payload !== '*') {
+                                const codec = codecsMap.get(fb.payload);
+                                if (!codec) continue;
+                                codec.rtcpFeedback.push(feedback);
+                            }
+                            // If rtcp-fb payload is '*' it must be applied to all codecs with same
+                            // kind (with some exceptions such as RTX codec).
+                            else {
+                                for (const codec of codecsMap.values()) {
+                                    if (codec.kind === kind && !/.+\/rtx$/i.test(codec.mimeType)) {
+                                        codec.rtcpFeedback.push(feedback);
+                                    }
+                                }
+                            }
                         }
                         // Get RTP header extensions.
                         for (const ext of m.ext || []) {
@@ -12605,7 +12622,7 @@
                 /**
                  * Expose mediasoup-client version.
                  */
-                exports.version = '3.6.70';
+                exports.version = '3.6.71';
                 /**
                  * Expose parseScalabilityMode() function.
                  */

public/views/Room.html

@@ -93,7 +93,11 @@
 
         <div id="loadingDiv" class="center pulsate">
             <h1>Loading...</h1>
-            <p>Please allow the camera or microphone access to use this app.</p>
+            <img src="../images/loader.gif" />
+            <pre>
+Please allow the camera or microphone
+access to use this app.
+            </pre>
         </div>
 
         <section>