Click start webcam, not work about mediasoup-sample-app

[mkhahani]

Hi
Put a console.error() in the catch block to see possible errors:

mediasoup-sample-app/client.js

Lines 147 to 151 in 391ada1

	try {
	stream = await getUserMedia(transport, isWebcam);
	} catch (err) {
	$txtPublish.innerHTML = 'failed';
	}

[Yang03]

thanks your response
i have try add console.error

the console

[mkhahani]

There must be an error on the server side. Run the following command before running the app to activate the log:

export DEBUG="mediasoup*"
npm start

[Yang03]

thanks
by debug, state === connected run before getUserMedia return stream
declare stream on top scope, is ok!
i don't know why ?

[mkhahani]

by debug, state === connected run before getUserMedia

That's impossible. The state will change to connected just after a successful produce() that is called inside getUserMedia().

Could you check the server log against possible errors?

[applegrew]

by debug, state === connected run before getUserMedia

That's impossible. The state will change to connected just after a successful produce() that is called inside getUserMedia().

Could you check the server log against possible errors?

What you say is correct and that is the source of error. getUserMedia defines a local stream variable which it initialises. There before returning that stream it invokes

mediasoup-sample-app/client.js

Line 181 in 391ada1

producer = await transport.produce(params);

which causes the code in

mediasoup-sample-app/client.js

Line 129 in 391ada1

document.querySelector('#local_video').srcObject = stream;

to be executed. The stream variable in that closure is still undefined. After that code block is done, the control is back to producer = await transport.produce(params); and then getUserMediareturns thestream`.

To fix this I moved the codes https://github.com/mkhahani/mediasoup-sample-app/blob/master/client.js#L169...L181

const track = stream.getVideoTracks()[0];
const params = { track };
if ($chkSimulcast.checked) {
  params.encodings = [
    { maxBitrate: 100000 },
    { maxBitrate: 300000 },
    { maxBitrate: 900000 },
  ];
  params.codecOptions = {
    videoGoogleStartBitrate : 1000
  };
}
producer = await transport.produce(params);

below

mediasoup-sample-app/client.js

Line 148 in 391ada1

stream = await getUserMedia(transport, isWebcam);

[mkhahani]

@applegrew Thanks for your feedback. It's working for me. Is there possibility for race condition?