云端合流提供了7种预设布局,本文介绍预设布局的布局参数和样式。

预设布局

云端合流为您提供7种预设布局以满足不同直播场景,使用时传入相应布局ID即可,无需额外配置。具体布局样式如下:

说明
  • FillSizeNormalized:表示该Layer元素需要填充的尺寸大小。

    [w,h]:w、h取值范围[0~1]。其中宽高都是进行了归一化计算。

    例如:[0.2,0.3]代表水平占比20%,垂直占比30%。

  • FillPositionNormalized:表示该Layer元素填充区位置归一化值。

    [x,y]:x、y的取值范围[0~1]。

    例如:[0.1,0.1]代表左上角水平偏移10%, 垂直偏移10%。

布局ID 描述 布局方格对应ID 样式
MixStreamLayout-1-1 1路视频源。布局参数如下:
  • FillSizeNormalized:[1,1]
  • FillPositionNormalized:[0,0]
1-1 布局方格ID 压缩1-1
MixStreamLayout-2-1 2路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[0.5,1]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.5,1]
  • FillPositionNormalized:[0.5,0]
2-1 ID 压缩2-1
MixStreamLayout-2-2 2路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[1,1]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.25,0.25]
  • FillPositionNormalized:[0.7,0.7]
2-2 ID 压缩2-2
MixStreamLayout-2-3 2路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[1,1]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.25,0.25]
  • FillPositionNormalized:[0.7,0.05]
2-3 ID 压缩2-3
MixStreamLayout-3-1 3路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[1,1]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0,0.5]

第3路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0.5,0.5]
3-1 ID 压缩3-1
MixStreamLayout-3-2 3路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[1,1]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.3,0.3]
  • FillPositionNormalized:[0.1,0.6]

第3路:

  • FillSizeNormalized:[0.3,0.3]
  • FillPositionNormalized:[0.6,0.6]
3-2 ID 压缩3-2
MixStreamLayout-4-1 4路视频源。布局参数如下:

第1路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0,0]

第2路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0.5,0]

第3路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0,0.5]

第4路:

  • FillSizeNormalized:[0.5,0.5]
  • FillPositionNormalized:[0.5,0.5]
4-1 ID 压缩4-1