注意：说明：
注意：阅读本章节前，请确保你已经了解 快速开始定制 的内容。如果需要修改虚拟背景，参见下文说明。
一、通过设置面板修改
单击右上角设置，随后在出现的面板直接选择预设的虚拟背景即可生效。
二、使用自定义的虚拟背景
粘贴以下代码到 快速开始定制 里准备好的test.js中，通过 SDK 实例的方法进行设置，设置后会直接将设置的图片作为虚拟背景。
/** * 注入 JS 会在全局环境下找到 TCIC 对象 * TCIC.SDK.instance 为 SDK 实例 * @param enable 开关 true | false * @param url 虚拟背景图片地址，为空时为背景虚化 */TCIC.SDK.instance.setVirtualImg(enable, url);
三、添加其他自定义虚拟背景（支持用户自己按需选择）
粘贴以下代码到 快速开始定制 里准备好的test.js中，通过下方 SDK 实例方法进行设置，即可实现在预设的虚拟背景基础上，添加自有的虚拟背景，供用户自己选择。
TCIC.SDK.instance.promiseState(TCIC.TMainState.Video_Publish, true).then(() => { setTimeout(() => { const dom = document.querySelector('.raw-virtual-background-select-component'); const vueInstance = dom.__vue__; // / 下面可以添加多个虚拟背景 vueInstance.imgArr.push({ name: '背景', url: 'https://static.sxqgrow.cn/upload/beijing1.jpg', sceneKey: '背景', }); // / 这里是默认选中哪一个虚拟背景 vueInstance.onSelect(vueInstance.imgArr.length – 1); }, 300); });
注意：请确保自定义背景图片的 URL 配置了正确的跨域头 Access-Control-Allow-Origin，以保证虚拟背景可以正常加载。
四、其它
更多 SDK 方法请参见 TCIC-SDK API 文档。