MediaSFU ReactJS
    Preparing search index...

    Interface MiniAudioOptions

    interface MiniAudioOptions {
        visible?: boolean;
        customStyle?: CSSProperties;
        name: string;
        showWaveform?: boolean;
        overlayPosition?: string;
        barColor?: string;
        textColor?: string;
        nameTextStyling?: CSSProperties;
        imageSource: string;
        roundedImage?: boolean;
        imageStyle?: CSSProperties;
        wrapperProps?: HTMLAttributes<HTMLDivElement>;
        draggableContainerProps?: HTMLAttributes<HTMLDivElement>;
        cardProps?: HTMLAttributes<HTMLDivElement>;
        overlayProps?: HTMLAttributes<HTMLDivElement>;
        waveformContainerProps?: HTMLAttributes<HTMLDivElement>;
        barProps?: HTMLAttributes<HTMLDivElement>;
        nameContainerProps?: HTMLAttributes<HTMLDivElement>;
        nameTextProps?: HTMLAttributes<HTMLSpanElement>;
        imageProps?: ImgHTMLAttributes<HTMLImageElement>;
        renderWrapper?: (
            options: { defaultWrapper: ReactNode; isVisible: boolean },
        ) => ReactNode;
        renderContainer?: (
            options: {
                defaultContainer: ReactNode;
                isDragging: boolean;
                position: { x: number; y: number };
            },
        ) => ReactNode;
        renderCard?: (
            options: { defaultCard: ReactNode; hasImage: boolean },
        ) => ReactNode;
        renderWaveform?: (
            options: {
                defaultWaveform: ReactNode;
                showWaveform: boolean;
                animations: number[];
            },
        ) => ReactNode;
    }
    Index

    Properties

    visible?: boolean
    customStyle?: CSSProperties
    name: string
    showWaveform?: boolean
    overlayPosition?: string
    barColor?: string
    textColor?: string
    nameTextStyling?: CSSProperties
    imageSource: string
    roundedImage?: boolean
    imageStyle?: CSSProperties
    wrapperProps?: HTMLAttributes<HTMLDivElement>
    draggableContainerProps?: HTMLAttributes<HTMLDivElement>
    cardProps?: HTMLAttributes<HTMLDivElement>
    overlayProps?: HTMLAttributes<HTMLDivElement>
    waveformContainerProps?: HTMLAttributes<HTMLDivElement>
    barProps?: HTMLAttributes<HTMLDivElement>
    nameContainerProps?: HTMLAttributes<HTMLDivElement>
    nameTextProps?: HTMLAttributes<HTMLSpanElement>
    imageProps?: ImgHTMLAttributes<HTMLImageElement>
    renderWrapper?: (
        options: { defaultWrapper: ReactNode; isVisible: boolean },
    ) => ReactNode
    renderContainer?: (
        options: {
            defaultContainer: ReactNode;
            isDragging: boolean;
            position: { x: number; y: number };
        },
    ) => ReactNode
    renderCard?: (
        options: { defaultCard: ReactNode; hasImage: boolean },
    ) => ReactNode
    renderWaveform?: (
        options: {
            defaultWaveform: ReactNode;
            showWaveform: boolean;
            animations: number[];
        },
    ) => ReactNode