Interface FlexibleVideoOptions

interface FlexibleVideoOptions {
    customWidth: number;
    customHeight: number;
    rows: number;
    columns: number;
    componentsToRender: ReactNode[];
    showAspect: boolean;
    backgroundColor?: string;
    Screenboard?: ReactNode;
    annotateScreenStream?: boolean;
    localStreamScreen?: MediaStream;
    containerProps?: HTMLAttributes<HTMLDivElement>;
    rowProps?: HTMLAttributes<HTMLDivElement>;
    cellProps?: HTMLAttributes<HTMLDivElement>;
    screenboardContainerProps?: HTMLAttributes<HTMLDivElement>;
    renderCell?: ((options: {
        defaultCell: ReactNode;
        component: ReactNode;
        row: number;
        column: number;
        index: number;
    }) => ReactNode);
    renderRow?: ((options: {
        defaultRow: ReactNode;
        rowIndex: number;
        cells: ReactNode[];
    }) => ReactNode);
    renderGrid?: ((options: {
        defaultGrid: ReactNode;
        rows: ReactNode[];
    }) => ReactNode);
    renderScreenboard?: ((options: {
        defaultScreenboard: ReactNode;
    }) => ReactNode);
}

Properties

customWidth: number
customHeight: number
rows: number
columns: number
componentsToRender: ReactNode[]
showAspect: boolean
backgroundColor?: string
Screenboard?: ReactNode
annotateScreenStream?: boolean
localStreamScreen?: MediaStream
containerProps?: HTMLAttributes<HTMLDivElement>
rowProps?: HTMLAttributes<HTMLDivElement>
cellProps?: HTMLAttributes<HTMLDivElement>
screenboardContainerProps?: HTMLAttributes<HTMLDivElement>
renderCell?: ((options: {
    defaultCell: ReactNode;
    component: ReactNode;
    row: number;
    column: number;
    index: number;
}) => ReactNode)
renderRow?: ((options: {
    defaultRow: ReactNode;
    rowIndex: number;
    cells: ReactNode[];
}) => ReactNode)
renderGrid?: ((options: {
    defaultGrid: ReactNode;
    rows: ReactNode[];
}) => ReactNode)
renderScreenboard?: ((options: {
    defaultScreenboard: ReactNode;
}) => ReactNode)