LiveKit Community

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


LiveKit 支持在 Chrome 浏览器中使用虚拟背景功能。

可以通过 `@livekit/track-processors` 包实现虚拟背景，包括：
• *背景模糊*（BackgroundBlur）
• *自定义图片替换背景*（VirtualBackground）
这些功能依赖于 Chrome 及其他现代浏览器支持的 Web API，例如 `OffscreenCanvas`、`VideoFrame`、`createImageBitmap` 和 WebGL2。

示例代码：
```import { VirtualBackground } from '@livekit/track-processors';

const videoTrack = await createLocalVideoTrack();
const virtualBg = VirtualBackground('/path/to/background-image.jpg');
await videoTrack.setProcessor(virtualBg);
room.localParticipant.publishTrack(videoTrack);
```
虚拟背景处理全部在浏览器端完成，兼容 Chrome 等主流浏览器。
 Sources: <https://github.com/livekit/track-processors-js/blob/af8ef74bc34b098e9417731ace383131faaf5fd0/src/transformers/BackgroundTransformer.ts#L1-L60|src/transformers/BackgroundTransformer.ts>