MediaSFU ReactJS
    Preparing search index...

    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;
        isDarkMode?: boolean;
        enableGlassmorphism?: boolean;
        cellBorderRadius?: number;
        enableGlow?: boolean;
    }
    Index

    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
    isDarkMode?: boolean

    Dark mode toggle (default: true) - Used by Modern UI components

    enableGlassmorphism?: boolean

    Enable glassmorphic styling (default: true) - Used by Modern UI components

    cellBorderRadius?: number

    Custom cell border radius - Used by Modern UI components

    enableGlow?: boolean

    Enable glow effects - Used by Modern UI components