图1 添加变量 选中组件，在组件属性设置面板选择“高级”。 单击“是否渲染”后的，进行变量绑定。 图2 绑定变量 选项绑定的变量，单击“确定”。 绑定成功后可根据变量state.isLogin的值，查看渲染效果。 图3 state.isLogin为false时 图4 state

查看更多 →

为展示内容添加变量，默认为item。 绑定成功后，查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联： 循环数据，即需要循环渲染的数组，在这里是state.imageList。 迭代变量名，在循环渲染子项对应的变量名，默认为item。 索引变量名，循环渲染的索引变量名，默认为index。

查看更多 →

内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。

查看更多 →

渲染任务管理 渲染节点调度 停止渲染任务 获取渲染任务列表 父主题： API

查看更多 →

内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。

查看更多 →

-北京四区域的渲染任务，请使用华北-北京四的终端节点。 表1 路径参数 参数 是否必选 参数类型 描述 project_id 是 String 用户的项目ID。 task_id 是 String 渲染任务的ID，可以在接口渲染节点调度的响应信息中获取。 请求参数 无 响应参数 状态码为200时

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

【功能说明】 设置是否开启视频流自渲染。开启后，回调onRenderExternalVideoFrame中会有视频帧数据上报。 【请求参数】 localEnable：开启本地视频自渲染，默认sdk渲染。 remoteEnable：开启远端视频自渲染，默认sdk渲染。 format：默认im

查看更多 →

渲染节点调度 功能介绍 一般由设备调用，用于获取可以连接的 GPU云服务器 的IP地址等信息。 接口约束 无 URI POST /v1/{project_id}/cvr/node/scheduler 该接口需要使用区域级终端节点调用，例如需进行华北-北京四区域的渲染节点调度，请使用华北-北京四的终端节点。

查看更多 →

自定义渲染 setExternalAudioFrameOutputEnable public abstract int setExternalAudioFrameOutputEnable(boolean localEnable,boolean remoteEnable); 【功能说明】

查看更多 →

人像动漫化渲染 人像动漫画渲染连接器包含“获取access_token”、“人像动漫化”两个执行动作。 连接参数 该连接器不需要连接。 获取access_token 输入参数：包含“content-type”、“client_id”、“clinet_secret”“、grant_type”必填参数。

查看更多 →

js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 {widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在

查看更多 →

getProperties()。 getContainer：用于返回渲染该组件的容器dom节点。 代码示例：var elem = thisObj.getContainer ()，然后通过jquery去查询组件中某个dom节点时，可通过$("#id", elem)的方式来获取。 get

查看更多 →

支持首帧渲染回调吗？能否监听画面开始渲染？ 支持，可通过onFirstLocalVideoFrameNotify回调。 父主题： SDK使用

查看更多 →

自定义视频渲染 功能描述 实时音视频传输过程中，上层应用可以不用SDK默认的渲染功能，选择对视频帧数据进行自定义渲染。 接口调用流程 实现自定义视频渲染 加入房间前 加入房间前，调用setExternalVideoFrameOutputEnable开启视频自渲染。 public void

查看更多 →

自定义视频渲染 功能描述 实时音视频传输过程中，上层应用可以不用SDK默认的渲染功能，选择对视频帧数据进行自定义渲染。 接口调用流程 实现过程 加入房间前开启视频自渲染 加入房间前调用接口setExternalVideoFrameOutput打开视频自渲染功能。 //开启远端或者本地的视频自渲染

查看更多 →

自定义视频渲染 功能描述 实时音视频传输过程中，上层应用可以不用SDK默认的渲染功能，选择对视频帧数据进行自定义渲染。 接口调用流程 实现过程 加入房间前开启视频自渲染 加入房间前调用接口setExternalVideoFrameOutputWithFormat 打开视频自渲染功能。

查看更多 →

js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 {widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在

查看更多 →

getProperties()。 getContainer：用于返回渲染该组件的容器dom节点。 代码示例：var elem = thisObj.getContainer ()，然后通过jquery去查询组件中某个dom节点时，可通过$("#id", elem)的方式来获取。 get

查看更多 →

自定义视频渲染 功能描述 实时音视频传输过程中，上层应用可以不用SDK默认的渲染功能，选择对视频帧数据进行自定义渲染。 接口调用流程 实现过程 加入房间前开启视频自渲染 加入房间前调用接口setExternalVideoFrameOutputWithFormat 打开视频自渲染功能。

查看更多 →