Fix track processor blips when restarting tracks

[lukasIO]

Only works with processors with this PR livekit/track-processors-js#11

supersedes #739

@burzomir thank you for all the investigations you did around this, could you test that combination (this branch and the processor main branch) to see if it solves your use case?

[changeset-bot]

🦋 Changeset detected

Latest commit: d5c8d6d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
livekit-client	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/livekit-client.esm.mjs	75.89 KB (+0.07% 🔺)
dist/livekit-client.umd.js	81.25 KB (+0.07% 🔺)

[burzomir]

Thanks, @lukasIO, but it doesn't work at all now. LocalVideoTrack is displayed as a black video element; other participants no longer receive pictures. What I do is:

await camera.setProcessor(blurProcessor, true)
await camera.restartTrack({ facingMode: 'user' })

I'll try to create an example app later.

[lukasIO]

@burzomir are you using track processors with the PR that I linked or the npm version?

edit: hm, after updating chrome it seems to constantly lose the webgl context. will have to investigate why.

edit2: works as expected in chrome canary, so I suspect it's a bug in chrome (I'm running 116.0.5845.96).

[burzomir]

@lukasIO I rechecked, and it seems to do the trick. I tested it in a simple example app I created (setProcessor and then restart), and it worked without issues using BackgroundBlur.