原始摄像头 | 背景虚化 | 背景图片 |
| | |
平台 | 操作系统 | 浏览器版本 | fps | 推荐配置 | 备注 |
Web | Windows | Chrome 90+Firefox 90+Edge 97+ | 30 | 内存:16GBCPU:i5-10500GPU:独显 2GB | 建议使用最新版 Chrome 浏览器 (开启浏览器硬件加速) |
| | | | 15 | 内存:8GBCPU:i3-8300GPU:intel 核显 1GB |
| | Mac | Chrome 98+Firefox 96+Safari 14+ | 30 | 2019年 MacBook内存:16GB(2667MHz)CPU:i7(6核 2.60GHz)GPU:AMD Radeon 5300M |
| Android | ChromeFirefox Browser | 30 | High-end devices (e.g., Qualcomm Snapdragon 8 Gen1) | 建议使用Chrome、火狐浏览器等主流浏览器 |
| | | 20 | Mid-range devices (e.g., MediaTek Dimensity 8000-MAX) | Mid-range devices (e.g., MediaTek Dimensity 8000-MAX) |
| | | 10 | Low-end devices (e.g., Qualcomm Snapdragon 660) | Low-end devices (e.g., Qualcomm Snapdragon 660) |
| iOS | ChromeSafariFirefox | 30 | iPhone 13 | - 需要 iOS 14.4 或以上版本 - 建议使用 Chrome 或 Safari 浏览器 |
| | | 20 | iPhone XR | iPhone XR |
import { VirtualBackground } from 'trtc-sdk-v5/plugins/video-effect/virtual-background';let trtc = TRTC.create({ plugins: [VirtualBackground] });
await trtc.startLocalVideo();
await trtc.startPlugin('VirtualBackground', {sdkAppId: 123123,userId: 'userId_123',userSig: 'your_userSig'});
// 改为图片背景await trtc.updatePlugin('VirtualBackground', {type: 'image',src: 'https://picsum.photos/seed/picsum/200/300'});
await trtc.stopPlugin('VirtualBackground');
Name | Type | Attributes | Description |
sdkAppId | number | 必填 | 当前应用 ID |
userId | string | 必填 | 当前用户 ID |
userSig | string | 必填 | 用户 ID 对应的 UserSig |
type | string | 选填 | image 图片背景blur 虚化背景(默认) |
src | string | type 为 image 时必填 | 图片地址,如 https://picsum.photos/seed/picsum/200/300 |
onError | (error) => {} | 选填 | 运行过程中发生错误的回调 error.code=10000003 渲染耗时长 error.code=10000006 浏览器特性支持不足,可能会出现卡顿情况 推荐处理方法可参考文末常见问题 |
await trtc.startPlugin('VirtualBackground', {sdkAppId: 123123,userId: 'userId_123',userSig: 'your_userSig',type: 'image',src: 'https://picsum.photos/seed/picsum/200/300'});
Name | Type | Attributes | Description |
type | string | 必填 | image 图片背景 blur 虚化背景 |
src | string | type 为 image 时必填 | 图片地址,如 https://picsum.photos/seed/picsum/200/300 |
await trtc.updatePlugin('VirtualBackground', {type: 'blur'});
chrome://settings/system
复制到浏览器地址栏,并且打开硬件加速模式。async function onError(error) {const { code } = error;if (code === 10000003 || code === 10000006) {// 降低分辨率帧率await trtc.updateLocalVideo({option: {profile: '480p_2'},});// await trtc.stopPlugin('VirtualBackground'); // 或者关闭插件}}await trtc.startPlugin('VirtualBackground', {...// 其他参数onError,});
const trtc = TRTC.create({ plugins: [VirtualBackground], assetsPath: './src/assets/' });
本页内容是否解决了您的问题?