实时互动-教育版修改虚拟背景

说明：
阅读本章节前，请确保您已经了解 快速开始 的内容。如果需要修改虚拟背景，参见如下说明：
通过设置面板修改
单击右上角设置，随后在出现的面板直接选择预设的虚拟背景即可生效。
﻿
﻿
﻿
使用自定义的虚拟背景
粘贴以下代码到 快速开始 里准备好的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);
    });
其它
更多 SDK 方法请参见 TCIC-SDK API 文档。

修改虚拟背景

本页目录：

通过设置面板修改

使用自定义的虚拟背景

添加其他自定义虚拟背景（支持用户自己按需选择）

其它