Hiyve Components - v1.0.0
    Preparing search index...

    Interface LocalVideoTileIcons

    Customizable icons for LocalVideoTile component. Replace default Material-UI icons with custom React components.

    import { FlipCameraIos, Fullscreen, FiberManualRecord } from '@mui/icons-material';

    const customIcons: Partial<LocalVideoTileIcons> = {
    flip: <FlipCameraIos />,
    fullscreen: <Fullscreen />,
    record: <FiberManualRecord />
    };

    <LocalVideoTile icons={customIcons} />
    interface LocalVideoTileIcons {
        fillVideo: ReactNode;
        fitVideo: ReactNode;
        flip: ReactNode;
        fullscreen: ReactNode;
        fullscreenExit: ReactNode;
        handRaised: ReactNode;
        micOff: ReactNode;
        moodIcons: Record<MoodType, ReactNode>;
        record: ReactNode;
        speakerOff: ReactNode;
        videoOff: ReactNode;
    }
    Index

    Properties

    fillVideo: ReactNode

    Icon for fill video mode

    fitVideo: ReactNode

    Icon for fit video mode

    flip: ReactNode

    Icon for the flip/mirror video button

    fullscreen: ReactNode

    Icon for entering fullscreen mode

    fullscreenExit: ReactNode

    Icon for exiting fullscreen mode

    handRaised: ReactNode

    Icon shown when hand is raised

    micOff: ReactNode

    Icon shown when microphone is muted

    moodIcons: Record<MoodType, ReactNode>

    Icons for each mood type displayed in the mood indicator

    record: ReactNode

    Icon for recording/streaming indicator

    speakerOff: ReactNode

    Icon shown when output (speaker) is muted by room owner

    videoOff: ReactNode

    Icon shown when video/camera is off