AgoraPipContentViewLayout

Layout configuration for picture-in-picture video streams.

export class AgoraPipContentViewLayout {
  padding?: number;
  spacing?: number;
  row?: number;
  column?: number;
}

This class defines how multiple video streams are arranged in a flowing layout, from left to right and top to bottom.

Properties

padding: Padding around the entire layout in pixels. Used to create space between the layout edge and video streams. If null, no padding is applied.
spacing: Horizontal and vertical spacing between video streams in pixels. Used to create consistent spacing between adjacent video streams. If null, video streams are placed directly adjacent.
row: Maximum number of rows allowed in the layout. Once the maximum is reached, no new rows are created even if more video streams exist. If null, rows are created as needed to accommodate all streams. Must be greater than 0 or null.
column: Maximum number of video streams per row. Once the maximum is reached, a new row starts. If null, video streams flow to fill the available width. Must be greater than 0 or null.