云端录制>常用功能>设置混流布局

设置混流布局

编辑文档 更新于
web

功能描述

使用混流录制时, 云端录制服务会对房间内的所有音视频流进行混流转码, 将其混合在一个画面中。每路音视频流显示位置依赖于设置的布局方式, 如果原视频的宽高比与混流布局中的宽高比不一致, 可能出现裁剪或压缩。

云端录制支持的布局方式

  • 自定义布局：灵活设置每个画面的位置和大小, 最多支持 25 个画面
  • 画廊布局：所有画面平铺显示, 根据画面的数量自动调整每个画面的大小和位置, 每个画面的大小一致, 最多支持 25 个画面
  • 显示一个大画面和若干个小画面, 小画面在画布右侧从上到下排列, 根据画面的数量自动调整每个画面的大小和位置, 每个小画面的大小一致, 最多支持 25 个画面
  • 悬浮布局：显示一个大画面和若干个小画面, 大画面铺满整个画布, 小画面在画布下方从右到左排列, 每个小画面的大小一致, 悬浮在大画面上方, 最多支持 25 个画面

实现方法

在调用 mix 方法时, 通过设置 mix_mode 参数选择布局方式。在录制过程中可以通过调用 update 方法更改布局方式 本节将详细介绍几种布局方式, 示例中的数字代表流加入房间的先后顺序

画廊布局

  • 如果房间内的流数不足, 则剩余位置会空置显示背景色
  • 未设置补白参数时, 中途有流退出房间, 则该条流的画面会被后进入房间的流顶替
  • 设置了补白参数, 中途退出房间的流依然会占据原先的画面, 停留在最后一帧

实际布局效果如下图所示：

AdaptiveLayout1@2x.png

AdaptiveLayout2@2x.png

AdaptiveLayout4@2x.png

AdaptiveLayout6@2x.png

AdaptiveLayout9@2x.png

以此类推, 优先按列扩展, 直至 25 个画面

演讲者布局

  • 演讲者布局可以通过设置 main_user_id 来指定大画面显示的流
  • 如果房间内的流数不足, 则剩余位置会空置显示背景色
  • 未设置补白参数时, 中途有流退出房间, 则该条流的画面会被后进入房间的流顶替
  • 设置了补白参数, 中途退出房间的流依然会占据原先的画面, 停留在最后一帧

实际布局效果如下图所示：

VerticalLayout5@2x.png

VerticalLayout9@2x.png

VerticalLayout17@2x.png

VerticalLayout25@2x.png

悬浮布局

  • 悬浮布局可以通过设置 main_user_id 来指定大画面显示的流

实际布局效果如下图所示：

FloatingLayout5@2x.png

FloatingLayout9@2x.png

FloatingLayout17@2x.png

FloatingLayout25@2x.png

自定义布局

  • 自定义布局可以在调用 mix 方法和 update 方法时通过设置 input_list 来设定每个画面的大小、位置、显示的流
  • 当设定的画面大小超出画布大小, 则超出部分不显示
  • input_list 是一个 json 数组, 最多可以设置 25 个画面

坐标系如下图所示：

76C5351B-F676-4C5D-A9C9-A97071304D0C副本.jpg

{{allComment[version]}} ×
  • 暂无评论
  • {{comment.author}}
    {{ comment.createdAt | date: 'yyyy-MM-dd HH:mm:ss '}}
    {{comment.content}}
您需要 后才能评论