Hey first of all thank you for this amazing tool.
I am building a video conferencing web app using MediaSoup on my own computer (using the computer’s IP address). I successfully created both a producer and consumer. The consumer appears to be properly sending video, and when consuming the producer’s track, I pass the dtlsParameters to the server, which works correctly. The consumer’s connect event fires, and everything seems perfect as the track is consumed on the receiving end.
However, the issue arises when I try to display the video in an HTML <video> element. Although the track is set to the video element, the video does not play. I tried calling the resume() method on the consumer transport, and also attached a listener to the video element to call play() once the metadata is loaded, but it still doesn’t display anything.
My Observations:
- I’m using Firefox as the browser.
- Firefox even shows the option to view the video in picture-in-picture mode, indicating the video is being loaded into the video element, but it’s not rendering.
- No errors are shown in the browser console.
- I’ve confirmed that the video element is receiving the track correctly, but it remains blank or frozen.
Configuration:
- Running MediaSoup on my local computer with the computer’s IP address.
These are the logs generated at the server side
mediasoup createWorker() +0ms
mediasoup:Worker constructor() +0ms
mediasoup:Worker spawning worker process: /home/shastri/code/turbo-latest/node_modules/mediasoup/worker/out/Release/mediasoup-worker --logLevel=warn --rtcMinPort=10000 --rtcMaxPort=59999 +0ms
mediasoup:Channel constructor() +0ms
mediasoup:Worker worker process running [pid:21629] +21ms
mediasoup createWorker() +23ms
mediasoup:Worker constructor() +1ms
mediasoup:Worker spawning worker process: /home/shastri/code/turbo-latest/node_modules/mediasoup/worker/out/Release/mediasoup-worker --logLevel=warn --rtcMinPort=10000 --rtcMaxPort=59999 +0ms
mediasoup:Channel constructor() +22ms
mediasoup:Worker worker process running [pid:21632] +13ms
[Nest] 21617 - 12/30/2024, 7:03:50 PM LOG [NestApplication] Nest application successfully started +38ms
New conenction req 0DfkOovXQ6jXAO0aAAAB
mediasoup:Worker createRouter() +18s
mediasoup:Channel request() [method:WORKER_CREATE_ROUTER] +18s
mediasoup:Channel request succeeded [method:WORKER_CREATE_ROUTER, id:1] +1ms
mediasoup:Router constructor() +0ms
mediasoup:Router createWebRtcTransport() +16ms
mediasoup:Channel request() [method:ROUTER_CREATE_WEBRTCTRANSPORT] +18ms
mediasoup:Channel request succeeded [method:ROUTER_CREATE_WEBRTCTRANSPORT, id:2] +0ms
mediasoup:Transport constructor() +0ms
mediasoup:WebRtcTransport constructor() +0ms
mediasoup:Router createWebRtcTransport() +12s
mediasoup:Channel request() [method:ROUTER_CREATE_WEBRTCTRANSPORT] +12s
mediasoup:Channel request succeeded [method:ROUTER_CREATE_WEBRTCTRANSPORT, id:3] +0ms
mediasoup:Transport constructor() +12s
mediasoup:WebRtcTransport constructor() +12s
mediasoup:WebRtcTransport connect() +17ms
mediasoup:Channel request() [method:WEBRTCTRANSPORT_CONNECT] +17ms
mediasoup:Channel request succeeded [method:WEBRTCTRANSPORT_CONNECT, id:4] +1ms
mediasoup:Transport produce() +21ms
mediasoup:Channel request() [method:TRANSPORT_PRODUCE] +5ms
mediasoup:Channel request succeeded [method:TRANSPORT_PRODUCE, id:5] +0ms
mediasoup:Producer constructor() +0ms
New conenction req vG-TdEbbIo1BQ8EFAAAD
mediasoup:Router createWebRtcTransport() +11s
mediasoup:Channel request() [method:ROUTER_CREATE_WEBRTCTRANSPORT] +11s
mediasoup:Channel request succeeded [method:ROUTER_CREATE_WEBRTCTRANSPORT, id:6] +1ms
mediasoup:Transport constructor() +11s
mediasoup:WebRtcTransport constructor() +11s
mediasoup:Transport consume() +12ms
mediasoup:Channel request() [method:TRANSPORT_CONSUME] +14ms
mediasoup:Channel request succeeded [method:TRANSPORT_CONSUME, id:7] +0ms
mediasoup:Consumer constructor() +0ms
mediasoup:WebRtcTransport connect() +86ms
mediasoup:Channel request() [method:WEBRTCTRANSPORT_CONNECT] +73ms
mediasoup:Channel request succeeded [method:WEBRTCTRANSPORT_CONNECT, id:8] +0ms
mediasoup:Consumer resume() +78ms
mediasoup:Channel request() [method:CONSUMER_RESUME] +7ms
mediasoup:Channel request succeeded [method:CONSUMER_RESUME, id:9] +0ms
This is how i settted up my listenInfo.
