Transport connection state changed to Failed

[IVLabs-1]

Hi @un-hongly,

I am aslo new to webrtc and mediasoup. I have also followed the same tutorial on youtube as yours from Amir Eshaq and I am also developing the app on flutter. I have used your code from link issue, it is working fine for producer but camera is not rendering remote video. Can you help me to solve this issue?

[oyboyb]

I have this issue too . I cant not see remote video.

[un-hongly]

Hi @un-hongly,

I am aslo new to webrtc and mediasoup. I have also followed the same tutorial on youtube as yours from Amir Eshaq and I am also developing the app on flutter. I have used your code from link issue, it is working fine for producer but camera is not rendering remote video. Can you help me to solve this issue?

Hello, Have you resolved it yet?

1. Are you sure your producer produce your video successfully? (On server, Add debug log to see your producer scores)
2. When create a router, what is your listenIps config?

[oyboyb]

1. I soure has producer
2. " listenIps " ? It is mean websocket url ??

[un-hongly]

1. I soure has producer
2. " listenIps " ? It is mean websocket url ??

Check your server code
router.createWebRtcTransport({ listenIps: [ // what you put here? ] })

[un-hongly]

Seem you have problem with your transport configuration on server side.

router.createWebRtcTransport(
  ...
  listenIps: [{ ip: '0.0.0.0', announcedIp: // your computer ip address  }]
);

[oyboyb]

midea-com component below
`

<script setup lang='ts'> import { ref, watch } from 'vue' const prop = defineProps(['videoTrack', 'audioTrack', 'audio', 'webcam']) const audioElemRef = ref() const videoElemRef = ref() const _setTracks = (audioTrack, videoTrack) => { const audioElem = audioElemRef.value as HTMLAudioElement const videoElem = videoElemRef.value as HTMLVideoElement if (audioTrack) { if (!audioElem) return console.error(`audioElem: `, audioElem); const stream = new MediaStream; stream.addTrack(audioTrack); audioElem.srcObject = stream; audioElem.play() .catch((error) => console.warn('audioElem.play() failed:%o', error)); // this._runHark(stream); } else { // audioElem.srcObject = null; } if (videoTrack) { const stream = new MediaStream; stream.addTrack(videoTrack); videoElem.srcObject = stream; // videoElem.oncanplay = () => this.setState({ videoCanPlay: true }); videoElem.onplay = () => { // this.setState({ videoElemPaused: false }); audioElem.play() .catch((error) => console.warn('audioElem.play() failed:%o', error)); }; // videoElem.onpause = () => this.setState({ videoElemPaused: true }); videoElem.play().then(data => { console.log(12, stream) }) .catch((error) => console.warn('videoElem.play() failed:%o', error)); // this._startVideoResolution(); // if (faceDetection) // this._startFaceDetection(); } else { // videoElem.srcObject = null; } } watch(() => [prop.audioTrack, prop.videoTrack], ([newAudio, newVideo], [oldAudio, oldVideo]) => { // console.error(prop.videoTrack, prop.audioTrack, newVideo) _setTracks(prop.audioTrack, prop.videoTrack) }) </script> <style lang='scss' scoped> audio, input, video { width: 100%; position: relative; z-index: 1; &.no::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; content: ''; background-image: url(../assets/percky.jpg); background-repeat: repeat; background-size: initial; background-position: center; } } </style>`

The server code has not been touched much, but for the official mediasoup demo, it can run normally。
They have always suspected me of having a problem with my code, and I am the first to argue this point.

[oyboyb]

Sorry , GitHub doesn't play as well as you guys. The code pasted on is too bad 。

[oyboyb]

code of media-com component.
The logic in the setTracks method was copied from the media soup demo.

[un-hongly]

MediaStream

Please show me your mediasoup backend code. are you running mediasoup demo as your backend?

[oyboyb]

@un-hongly Hi，I found the cause of yesterday's problem 。When I deploy the code to the server and access it using HTTPS, I can see the remote video. My local development environment is accessed using localhost, but I still cannot obtain remote videos. My front-end code has not changed at all. If you have time, you can try to prove this problem.

…

------------------ 原始邮件 ------------------ 发件人: ***@***.***&gt;; 发送时间: 2023年10月23日(星期一) 晚上10:27 收件人: ***@***.***&gt;; 抄送: ***@***.***&gt;; ***@***.***&gt;; 主题: Re: [Blancduman/mediasoup-client-flutter] Transport connection state changed to Failed (Issue #83) MediaStream Please show me your mediasoup backend code. are you running mediasoup demo as your backend? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***&gt;

[oyboyb]

@un-hongly