Currently, I brought it to use the gallery view in the react-sample app, but I am developing it by changing video.tsx to js. Avatar is created according to the number of participants and the gallery view seems to be working well, but the camera image is not rendered on the canvas. Do I have to write a separate rendering statement? Or will the original rendering be done even if I bring the source of the react-sample app and use it?
The part that I think is the current error is let isVideoDecodeReady = false;
is the given part. I have not used typescript, so I specified the type specified separately.*
Do you mean that the self video is not rendering properly when you mentioned the camera image?
isVideoDecodeReady is the flag of video worker initialization, It’s used for the case that when joining the session after the session has been going for a while, the video stream arrived but the VideoDecoding worker was not ready, we have properly handled this case in the VideoSDK, but if you adjust the position or dimension the video cell before video rendered, it will cause errors, the isVideoDecodeReady is the flag that helps to correctly handle the timing of API calls.
Check it now Sorry for the delay.
I deliberately set isVideoDecodeReady to true If isVideoDecodeReady = true, the camera does not turn on when entering the first session, but when re-entering after the session ends, the camera turns on via websocket connection Is it related to isVideoDecodeReady? I’m not sure how to use it with js. thank you
In sample-app, the value of isVideoDecodeReady comes from media-sdk-change event, which indicates the video decoding worker is ready. The self video has nothing with isVideoDecodeReady, as I mentioned in the previous threads, maybe you should apply a WebCodecsOT to solve this problem.
@vic.yang Oh finally fixed it. I made a rudimentary mistake. The websocket connection and init function did not work because the timing was not specified! Thank you for your kind reply as always.But may I ask one more question? When sharing the screen, the isSharing variable in the useShare component does not have a value at all. Where should I check it?
I brought the sample app as it is, checked only passing props, and configured it, but the value does not enter.