实时音视频
  • iOS
  • Android
  • macOS
  • Windows
  • HarmonyOS
  • Linux
  • Web
  • 小程序
  • Flutter
  • Electron : JavaScript
  • Unreal Engine
  • Unity3D
  • uni-app
  • React Native
  • Cocos Creator
  • 产品简介
  • 下载
  • 快速开始
    • 跑通示例源码
    • 集成 SDK
    • 实现视频通话
    • 场景化音视频配置
  • 通信能力
  • 视频能力
  • 直播能力
  • 客户端 API
  • 服务端 API
  • 常见错误码
  • 常见问题
  • 文档中心
  • 实时音视频
  • 视频能力
  • 主体分割

主体分割

更新时间:2024-01-02 18:48

功能简介

主体分割是 Express SDK 提供的增值能力,通过 AI 算法识别视频画面中的内容,对每一个像素点设置透明度信息。其中,主体部分的像素点会被设置为“不透明”,主体部分之外的像素点会被设置为“透明”。开发者可以利用这些像素点的透明度信息,对画面中的主体和非主体部分做不同的处理,从而实现不同的功能。

  • 当前官网 SDK 不包含“主体分割”相关功能,如有需要,请联系 ZEGO 技术支持特殊编包,并提供您的 AppID,开通相关权限。
  • “主体分割”功能为付费功能,如需申请体验或咨询正式收费标准,请联系 ZEGO 商务人员。

主体分割对象

对身处不同环境的用户,ZEGO 提供“绿幕背景分割”和“任意背景分割”两种分割能力。

分割类型 绿幕背景分割 任意背景分割
能力描述
在用户自行架设了绿幕的情况下,可以将非绿幕区域的主体保留。

适用于电商直播、在线考试等场景。

多数用户不具备架设绿幕的条件,可以通过 ZEGO 提供的任意背景分割能力,在没有绿幕的情况下,识别画面中的主体。

适用于在线教育、视频会议等场景。

图示

功能场景

基于主体分割能力,开发者可以实现背景虚化、虚拟背景、演讲模式、多人实时同台互动等业务场景,打造更多样的互动体验。

功能点 背景虚化 虚拟背景 背景透明 主体分割与传输
功能描述
将主体外的画面做模糊处理。
将主体外的画面替换为自定义的图片、颜色。
将主体的画面渲染在本端的其他视频内容上。

例如在屏幕共享或正在播放的视频等内容上,实现演讲模式等功能。

结合 Express SDK 提供的 Alpha 通道数据传输能力,将画面中分割出的主体传输到拉流端,在拉流端做主体渲染,实现多人异地实时同处于一个场景中的视觉效果
图示

硬件兼容性

平台 硬件要求
macOS
M 系列芯片:Apple M1 及以上
Windows
Intel Core i5 及以上

示例源码

请参考 下载示例源码 获取源码。

相关源码请查看 “/ZegoExpressExample/Others/src/main/java/com/example/others/videoobjectsegmentation” 目录下的文件。

前提条件

在使用主体分割功能前,请确保:

实现流程

开启主体分割功能会额外消耗系统资源,为了保证用户体验,目前仅支持对一路通道推流画面开启主体分割。

请注意,开发者可根据自己的业务场景需要,选择是否实现上图中的 (可选) 步骤。如需实现,请参考下文中的具体说明。

1 初始化和登录房间

初始化和登录房间的具体流程,请参考实现视频通话文档中的 “创建引擎”及“登录房间”。

2 监听主体分割状态回调

调用 onVideoObjectSegmentationStateChanged 接口,监听主体分割状态回调。

主体分割的状态回调依赖于开启预览或者推流,即如需监听 onVideoObjectSegmentationStateChanged 回调,需要调用预览 startPreview 或推流 startPublishingStream

zgEngine.on('onVideoObjectSegmentationStateChanged', (res) =>{
   console.log('onVideoObjectSegmentationStateChanged: '+ res.state)
   if(res.state == zgDefines.ZegoObjectSegmentationState.On)
   {
       //主体分割开启
   }
   else
   {
      //主体分割关闭
      //异常关闭,请查看错误码
   }
})

3 使用主体分割实现不同的业务功能

开发者如需更新主体分割类型、背景处理类型,需要修改 ZegoObjectSegmentationConfig 的配置,并再次调用 enableVideoObjectSegmentation 接口开启主体分割,即可更新主体分割效果;更新结果将通过 onVideoObjectSegmentationStateChanged 回调通知给开发者。

背景虚化

使用主体分割实现背景虚化

调用 enableVideoObjectSegmentation 接口,开启主体分割,并设置背景处理类型为“虚化”。

// 设置背景处理方式为虚化
// 设置背景虚化级别为中
var config = {objectSegmentationType: zgDefines.ZegoObjectSegmentationType.AnyBackground, backgroundConfig: {processType: zgDefines.ZegoBackgroundProcessType.Blur, blurLevel: zgDefines.ZegoBackgroundBlurLevel.Medium}};
//开启主体分割
zgEngine.enableVideoObjectSegmentation(true, config, zgDefines.ZegoPublishChannel.Main)

虚拟背景

使用主体分割实现虚拟背景

开发者在使用本功能时,请注意自定义图片的宽高比,否则图片超出视图的部分会被裁减。

调用 enableVideoObjectSegmentation 接口,开启主体分割,并设置背景处理类型为“图片”。

// 设置背景处理方式图片
var config = {objectSegmentationType: zgDefines.ZegoObjectSegmentationType.AnyBackground, backgroundConfig: {processType: zgDefines.ZegoBackgroundProcessType.Image, imageURL: "设置背景图片路径"}};
//开启主体分割
zgEngine.enableVideoObjectSegmentation(true, config, zgDefines.ZegoPublishChannel.Main)

透明背景

使用主体分割实现透明背景

如果开发者需要实现类似“演讲模式”的业务功能,需要在业务侧将“主体画面”与“要混合的视频源内容”混为一条视频流。

调用 enableVideoObjectSegmentation 接口,开启主体分割,并设置背景处理类型为“透明”。

// 设置背景处理方式为透明
var config = {objectSegmentationType: zgDefines.ZegoObjectSegmentationType.AnyBackground, backgroundConfig: {processType: zgDefines.ZegoBackgroundProcessType.Transparent}};
//开启主体分割
zgEngine.enableVideoObjectSegmentation(true, config, zgDefines.ZegoPublishChannel.Main)

4 (可选)使用 Alpha 通道传输分割出的主体

使用 Alpha 通道传输分割出的主体

如果推流端需要把分割后的主体画面通过 Alpha 通道传输到拉流端,在拉流端做主体渲染,需要先调用 enableAlphaChannelVideoEncoder 接口,设置编码器支持透明通道,然后调用 startPublishingStream 接口推流,使其顺利传输至拉流端。

目前仅支持透明通道数据排列在 RGB 或 YUV 数据下方。

  • 开启 Alpha 通道数据传输:

     // 透明通道数据排列在 RGB 或 YUV 数据下方
     // 设置编码器支持透明通道
     zgEngine.enableAlphaChannelVideoEncoder(true, zgDefines.ZegoAlphaLayoutType.Bottom, zgDefines.ZegoPublishChannel.Main)
  • 关闭 Alpha 通道数据传输:

    // 透明通道数据排列在 RGB 或 YUV 数据下方
    // 设置编码器支持透明通道
    zgEngine.enableAlphaChannelVideoEncoder(false, zgDefines.ZegoAlphaLayoutType.Bottom, zgDefines.ZegoPublishChannel.Main)

5 开始预览和推流

通过 enableVideoObjectSegmentation 接口开启主体分割功能后,可以进行预览。

开发者也可以先开启预览,再开启主体分割。本文以先开启主体分割,再进行预览为例进行介绍。

zgEngine.startPreview();
zgEngine.startPublishingStream(streamID);

6 拉流

通过 startPlayingStream 接口,开始拉流。

zgEngine.startPlayingStream(StreamID, {
    canvas: localCanvas
});

7 关闭主体分割

调用 enableVideoObjectSegmentation 接口,关闭主体分割。

// 关闭主体分割
zgEngine.enableVideoObjectSegmentation(false, {}, zgDefines.ZegoPublishChannel.Main)

8 销毁引擎

调用 destroyEngine 接口,销毁引擎。

zgEngine.destroyEngine();
本篇目录