VideoConference | JAVA video chat system which can enable video call | Chat library

I made a very simple RTCMulticonnection app to try to create a small videoconference application. however it keeps sending the same requests:

I'm having problems with the logic to build behind the webRTC multi peer connections handling. Basically I'm trying to make a Room full of people in a videoconference call. I'm using the basic WebSocket library provided by js, and React for the frontend and Java (spring boot) for the backend.

As of my understanding right now this is what I managed to write down (filtered based on what I "think" is relevant)

This is my web socket init method (adding listeners)

I'm looking to make an application, who woul'd let me translate any audio going out of the speaker in live stream. This way, i will be able to translate any videoconference from any live stream app(youtube,teams,zoom,etc.). I'm not far from a solution, but not there yet.

Src language would be: fr-CA or en-US Dst language would be : fr-Ca or en-US

I was able to get audio stream back from speaker with a custom version of pyaudio allowing loopback with the WASAPI of windows.(https://github.com/intxcc/pyaudio_portaudio)

The next step is to shoot the stream in realtime to Azure translate api in the speechsdk.

so far, the part of getting the stream from speakers is working, but when i plug it with azure, i don't have any error, but it doesn't return any result either. In fact, every like 30 second i recive a reason=ResultReason.NoMatch or a bribe of text that make no sens.

My first though is that the stream byte coming from speaker witch is 48khz, 2 channels is not supported by Azure stream.(i think i read somewhere on the net that it support only 16khz 1 channel, but i'm not sure). And if that so, i found a way to split split two channel into 1, but i don't know how to drop from 48khz to 16khz from a chunk of bytes in realtime..

Any help would be appreciated! Thanks. Here my code:

I have the following Info.plist (UTF8) file:

I have this dialog:

Here is the RC for the dialog:

I understand useEffect runs every time when my component is rendered. I am currently integrating a VideoConference application which creates after initialization an object called publisher. That publisher can be updated. For example, I can deactivate video etc.

I created two buttons that change the state of audio and video to either 0 or 1. I then pass these values to the component OTPublisher. The part I am confused about is if I actually should/need to use useEffect? It works both ways, also if I just insert it in the component directly without useEffect.