如何使用JsSIP打印查看RTP与RTCP数据包消息？

Great question! JsSIP本身并没有内置的日志功能来直接输出原始RTP/RTCP数据包，但你可以通过以下几种方式来捕获和查看这些媒体流的传输信息：

1. 利用浏览器的WebRTC内部工具 #

因为JsSIP是基于WebRTC实现媒体传输的，你可以借助浏览器自带的WebRTC调试工具来查看RTP/RTCP的详细统计和日志：

• Chrome/Edge：
  1. 打开 chrome://flags/#enable-webrtc-event-logging，启用WebRTC事件日志
  2. 访问 chrome://webrtc-internals，这里会展示所有WebRTC连接的详细信息，包括：
     • 入站/出站RTP的数据包数量、丢包率、延迟
     • RTCP报告的发送/接收统计
     • 你还可以点击"Download the PeerConnection updates"下载完整日志，用工具分析原始事件数据
• Firefox：
  打开 about:webrtc，同样可以查看类似的媒体流统计信息

2. 通过WebRTC的getStats()API手动获取统计数据 #

你可以从JsSIP的会话实例中拿到对应的RTCPeerConnection，然后定期调用getStats()方法来获取RTP/RTCP的实时传输指标，直接打印到控制台：

// 假设你已经创建了JsSIP.Session实例并赋值给session变量
setInterval(async () => {
  try {
    const statsReport = await session.connection.getStats();
    statsReport.forEach(report => {
      // 过滤RTP相关统计
      if (report.type === 'outbound-rtp') {
        console.log(`[出站RTP] 已发送数据包: ${report.packetsSent}, 丢包数: ${report.packetsLost || 0}, 延迟: ${report.roundTripTime?.toFixed(2)}ms`);
      } else if (report.type === 'inbound-rtp') {
        console.log(`[入站RTP] 已接收数据包: ${report.packetsReceived}, 丢包数: ${report.packetsLost || 0}, 抖动: ${report.jitter?.toFixed(2)}ms`);
      }
      // 过滤RTCP相关统计
      else if (report.type === 'rtcp-sender') {
        console.log(`[RTCP发送端] 已发送报告数: ${report.packetsSent}`);
      } else if (report.type === 'rtcp-receiver') {
        console.log(`[RTCP接收端] 已接收报告数: ${report.packetsReceived}`);
      }
    });
  } catch (err) {
    console.error('获取RTP/RTCP统计失败:', err);
  }
}, 2000); // 每2秒获取一次

这种方式能让你在控制台实时看到媒体流的关键传输指标，虽然不是原始数据包，但足够排查大部分传输问题。

3. 使用网络抓包工具捕获原始数据包 #

如果需要查看原始RTP/RTCP数据包内容，可以用Wireshark这类抓包工具：

1. 先通过JsSIP的SDP信令（控制台里的INVITE或200 OK消息）找到媒体流使用的UDP端口
2. 在Wireshark中设置过滤规则，比如 rtp && udp.port == [你的媒体端口] 或者直接用 rtcp 过滤RTCP数据包
3. 启动抓包后，就能看到完整的RTP/RTCP原始报文内容，包括负载类型、序列号、时间戳等信息

需要注意的是：浏览器出于安全和性能限制，不允许JavaScript直接访问原始RTP/RTCP数据包，所以上述前两种方法都是获取统计数据，原始包只能通过网络抓包工具获取。

内容的提问来源于stack exchange，提问作者Cherry