Hello everyone,
I try to show active speaker on a canvas, it works perfectly on web but on mobile it glitches. Is there any other approach to this situation?
client.on('active-speaker', (payload) => {
setNowTalkingId(prevTalking => {
let userId = payload[0].userId
if (prevTalking != userId && userIdRef.current != userId && userIdRef.current != null){
let acrossVideoCanvas = document.querySelector('#videoFrameAcross')
try {
mediaStreamRef.current?.stopRenderVideo(
acrossVideoCanvas,
prevTalking,
undefined,
undefined,
undefined,
userId
)
if(client.getAllUser().filter((user) => {return user.userId === userId})[0]?.bVideoOn) {
mediaStreamRef.current?.renderVideo(acrossVideoCanvas, userId, 1280, 720, 0, 0, 2)
}
return userId
} catch (error) {
return prevTalking
}
}else{
return prevTalking
}
})
})