LiveKit Community

Can I use track-processors-js track processing in react native for virtual backgrounds

Thanks for reaching out, Sumeet. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.


The `track-processors-js` library is specifically designed for web browsers and relies on browser-specific APIs such as `OffscreenCanvas`, `HTMLCanvasElement`, `MediaStreamTrackProcessor`, and WebGL2 contexts. These APIs are not available in React Native environments.
For implementing virtual backgrounds in React Native, you would need a platform-specific solution tailored to native environments rather than using `track-processors-js`.
 Sources: <https://github.com/livekit/track-processors-js/blob/3920c38b280accbd26152324bfd9298cc27949a9/src/ProcessorWrapper.ts#L1-L68|src/ProcessorWrapper.ts> | <https://github.com/livekit/client-sdk-android/blob/c6c0728d04a74c62012cf9ce50ee9e70415d8afc/livekit-android-track-processors/src/main/java/io/livekit/android/track/processing/video/VirtualBackgroundTransformer.kt#L1-L47|livekit-android-track-processors/src/main/java/io/livekit/android/track/pro...>