wip

index.html

@@ -162,7 +162,7 @@
     </div>
 
     <script type="module">
-        import { ReachyMini } from "https://cdn.jsdelivr.net/gh/pollen-robotics/reachy_mini@main/js/reachy-mini.js";
+        import { ReachyMini } from "https://cdn.jsdelivr.net/gh/pollen-robotics/reachy_mini@fix/js-app-latency/js/reachy-mini.js";
 
         const robot = new ReachyMini();
 
@@ -305,7 +305,8 @@
                 const video = document.getElementById('remoteVideo');
                 let bufLagMs = null;
                 let rttMs = null;
-                let jitterMs = null;
+                let vidJitterMs = null;
+                let audJitterMs = null;
 
                 // Buffer lag (how far behind live edge)
                 if (video && video.buffered && video.buffered.length > 0) {
@@ -313,7 +314,7 @@
                     bufLagMs = Math.round((end - video.currentTime) * 1000);
                 }
 
-                // WebRTC stats: RTT + jitter buffer delay
+                // WebRTC stats: RTT + jitter buffer delay (video & audio)
                 if (robot._pc) {
                     try {
                         const stats = await robot._pc.getStats();
@@ -321,10 +322,10 @@
                             if (report.type === 'candidate-pair' && report.currentRoundTripTime != null) {
                                 rttMs = Math.round(report.currentRoundTripTime * 1000);
                             }
-                            if (report.type === 'inbound-rtp' && report.kind === 'video') {
-                                if (report.jitterBufferDelay != null && report.jitterBufferEmittedCount > 0) {
-                                    jitterMs = Math.round((report.jitterBufferDelay / report.jitterBufferEmittedCount) * 1000);
-                                }
+                            if (report.type === 'inbound-rtp' && report.jitterBufferDelay != null && report.jitterBufferEmittedCount > 0) {
+                                const jMs = Math.round((report.jitterBufferDelay / report.jitterBufferEmittedCount) * 1000);
+                                if (report.kind === 'video') vidJitterMs = jMs;
+                                if (report.kind === 'audio') audJitterMs = jMs;
                             }
                         });
                     } catch (_) { /* no stats yet */ }
@@ -334,7 +335,8 @@
                 const parts = [];
                 if (bufLagMs != null) parts.push(`buf ${bufLagMs}ms`);
                 if (rttMs != null) parts.push(`rtt ${rttMs}ms`);
-                if (jitterMs != null) parts.push(`jit ${jitterMs}ms`);
+                if (vidJitterMs != null) parts.push(`v-jit ${vidJitterMs}ms`);
+                if (audJitterMs != null) parts.push(`a-jit ${audJitterMs}ms`);
                 label.textContent = parts.length ? parts.join(' · ') : '--';
 
                 // Color based on buffer lag