Consumer video loads endlessly

mediasoup libraries
1

Hello, on the producer side, the video stream loads fine but on the consumer side, the video seems to load endlessly.

Transports are “connected”, and ice state are “completed”.

Bytes are sent by the producer client, the server receives them and sends them back to the consumer client, which also receives the bytes.

btw, I don’t know if it matters but on the server side, the trace event for the keyframes is emitted about once a minute.

I really dont know what’s the problem, all seems to work correctly but it doesn’t…

If you need something else to help me, let me know

2

Hello again,

Here’s more informations about my first post.

As you can see, the frames are correctly sent by the client producer

image
image766×313 26.3 KB

But the client consumer does not receive any

image
image807×768 12.2 KB

I don’t understand why bytes are received but my browser says no frames are received

image
image765×916 102 KB

As mentioned in my first post the transports are “connected”, icestate are “completed”, and dtlsState are “connected”

Server side consumer stats :

{
  availableOutgoingBitrate: 1437682,
  bytesReceived: 61830,
  bytesSent: 58790905,
  dtlsState: 'connected',
  iceRole: 'controlled',
  iceSelectedTuple: {
    localIp: '0.0.0.0',
    localPort: 45245,
    protocol: 'udp',
    remoteIp: '10.22.11.91',
    remotePort: 62704
  },
  iceState: 'completed',
  probationBytesSent: 376960,
  probationSendBitrate: 0,
  recvBitrate: 1248,
  rtpBytesReceived: 0,
  rtpBytesSent: 57334910,
  rtpPacketLossSent: 0,
  rtpRecvBitrate: 0,
  rtpSendBitrate: 1150819,
  rtxBytesReceived: 0,
  rtxBytesSent: 0,
  rtxRecvBitrate: 0,
  rtxSendBitrate: 0,
  sendBitrate: 1350368,
  timestamp: 17060073,
  transportId: 'b0a25950-925b-434f-9b78-88e472824868',
  type: 'webrtc-transport'
}

Server side producer stats :

{
  bytesReceived: 136417912,
  bytesSent: 743923,
  dtlsState: 'connected',
  iceRole: 'controlled',
  iceSelectedTuple: {
    localIp: '0.0.0.0',
    localPort: 46433,
    protocol: 'udp',
    remoteIp: '10.22.11.91',
    remotePort: 56335
  },
  iceState: 'completed',
  probationBytesSent: 0,
  probationSendBitrate: 0,
  recvBitrate: 1543648,
  rtpBytesReceived: 121237176,
  rtpBytesSent: 0,
  rtpPacketLossReceived: 0,
  rtpRecvBitrate: 1422490,
  rtpSendBitrate: 0,
  rtxBytesReceived: 12452950,
  rtxBytesSent: 0,
  rtxRecvBitrate: 0,
  rtxSendBitrate: 0,
  sendBitrate: 7680,
  timestamp: 17266551,
  transportId: '47957e15-a2f1-41cf-a09d-eab257574047',
  type: 'webrtc-transport'
}

If you have an idea, let me know
Thanks :wave:

3

Many browsers don’t allow auto play without interaction before load, so maybe check if that’s the case! I’d run a button click before entering room to officially allow auto-play. Policies may mess with some users experience/tests.

If the DTLS state is connected server side, the issue is mostly client sided and support. Check your code.

Here’s details on the autoplay issue many face:

4

Hello, thank you for answering

The user has to click on a button to consume the media so I don’t think that’s the problem.