Turning on Blur distorts video

[zdrazdova]

When I try to use blur on Android devices in Chrome browser it distorts the video very much.

To replicate:
One participant is on mobile device with Android OS in Chrome browser, the other participant is using desktop. When user on mobile device turns on blur, it distorts video very much. It is seen by the user in thumbnail preview and by the other participant like this

I tried on Android 12 and 14, the result was the same. Is it the same issue as this one: #28 ? Does that mean that blur is unusable on mobile devices?

Thank you

[vyazhukov]

I have absolutely the same issue :(

[lukasIO]

this might be an issue of reading incorrect dimensions or not being able to get the dimensions properly.
How are you constructing the track that you're setting the processor on?

[vyazhukov]

In my case that`s:

Getting the track using

const track = (await room.localParticipant.setCameraEnabled(true)).track

Attaching the track to a video and save it into a useRef current

track.attach(localVideoRef.current);
localVideoTrackRef.current = track;

Then, when i want to turn the blur on. I call the setProcessor on the track i saved to localVideoTrackRef.

if(!blurIsEnabled)
{
  await localVideoTrackRef.current.setProcessor(BackgroundBlur(30));
}
else
{
  await localVideoTrackRef.current.stopProcessor();
}

Pretty much it. On PC (chrome, opera, firefox) works fine. Phone webview application distorts

[zdrazdova]

Hi @lukasIO ,

in our case we are setting the blur processor like this:

  const { cameraTrack: localCamera } = useLocalParticipant()
  const isToggled = processor === PROCESSORS.NONE

  const toggleProcessor = async () => {
    const localCameraTrack = localCamera?.track as LocalVideoTrack
    try {
      if (isToggled) {
        localCameraTrack.setProcessor(BackgroundBlur(10))
        setProcessor(PROCESSORS.BLUR)
      } else {
        await localCameraTrack.stopProcessor()
        setProcessor(PROCESSORS.NONE)
      }
    } catch (error) {
      console.error('Failed to set processor:', error)
    }
  }

[lukasIO]

sorry for the delay, could you give the code in #59 a try and see if that solves the issue for you?

[lukasIO]

it's actually the same issue as #8