Interface defining the props for the FlexibleVideo component.

interface FlexibleVideoOptions {
    customWidth: number;
    customHeight: number;
    rows: number;
    columns: number;
    componentsToRender: ReactNode[];
    showAspect: boolean;
    backgroundColor?: string;
    Screenboard?: ReactNode;
    annotateScreenStream?: boolean;
    localStreamScreen?: MediaStream;
}

Properties

customWidth: number

Custom width for each grid item.

customHeight: number

Custom height for each grid item.

rows: number

Number of rows in the grid.

columns: number

Number of columns in the grid.

componentsToRender: ReactNode[]

Array of React components or elements to render in the grid.

showAspect: boolean

Flag indicating whether to show the aspect ratio.

backgroundColor?: string

Background color for each grid item.

'transparent'
Screenboard?: ReactNode

Screenboard component to overlay on the video grid.

annotateScreenStream?: boolean

Flag to annotate the screen stream.

false
localStreamScreen?: MediaStream

The local screen stream to use for annotation.