MediaSFU ReactJS
    Preparing search index...

    Interface MainScreenComponentOptions

    interface MainScreenComponentOptions {
        children: ReactNode;
        mainSize: number;
        doStack: boolean;
        containerWidthFraction?: number;
        containerHeightFraction?: number;
        sidebarWidth?: number;
        updateComponentSizes: (sizes: ComponentSizes, internal?: boolean) => void;
        defaultFraction?: number;
        showControls: boolean;
        componentSizes: ComponentSizes;
        containerProps?: HTMLAttributes<HTMLDivElement>;
        renderChild?: (
            options: {
                child: ReactElement;
                index: number;
                mainSize: number;
                isWideScreen: boolean;
                doStack: boolean;
                computedStyle: CSSProperties;
                componentSizes: ComponentSizes;
            },
        ) => ReactNode;
        renderChildren?: (
            options: {
                defaultChildren: ReactNode;
                isWideScreen: boolean;
                doStack: boolean;
                componentSizes: ComponentSizes;
            },
        ) => ReactNode;
        renderContainer?: (
            options: {
                defaultContainer: ReactNode;
                isWideScreen: boolean;
                dimensions: { width: number; height: number };
            },
        ) => ReactNode;
    }
    Index

    Properties

    children: ReactNode
    mainSize: number
    doStack: boolean
    containerWidthFraction?: number
    containerHeightFraction?: number
    sidebarWidth?: number
    updateComponentSizes: (sizes: ComponentSizes, internal?: boolean) => void
    defaultFraction?: number
    showControls: boolean
    componentSizes: ComponentSizes
    containerProps?: HTMLAttributes<HTMLDivElement>
    renderChild?: (
        options: {
            child: ReactElement;
            index: number;
            mainSize: number;
            isWideScreen: boolean;
            doStack: boolean;
            computedStyle: CSSProperties;
            componentSizes: ComponentSizes;
        },
    ) => ReactNode
    renderChildren?: (
        options: {
            defaultChildren: ReactNode;
            isWideScreen: boolean;
            doStack: boolean;
            componentSizes: ComponentSizes;
        },
    ) => ReactNode
    renderContainer?: (
        options: {
            defaultContainer: ReactNode;
            isWideScreen: boolean;
            dimensions: { width: number; height: number };
        },
    ) => ReactNode