Interface HtmlTextClipOptions

interface HtmlTextClipOptions {
    duration?: number;
    effects?: {
        id: string;
        options: {
            fragmentSrc?: string;
            frameHeight: number;
            frameWidth: number;
            textureHeight: number;
            textureWidth: number;
            uniforms?: Record<string, unknown>;
        };
        sourceId: string;
    }[];
    filters?: { id: string; options: { lutUrl: string }; sourceId: string }[];
    fonts?: string[];
    htmlStyle?: {
        align?: "left" | "center" | "right" | "justify";
        breakWords?: boolean;
        color?: string;
        dropShadow?: boolean;
        dropShadowAlpha?: number;
        dropShadowAngle?: number;
        dropShadowBlur?: number;
        dropShadowColor?: string;
        dropShadowDistance?: number;
        fontFamily?: string;
        fontSize?: number;
        fontStyle?: "normal" | "italic" | "oblique";
        fontVariant?: "normal" | "small-caps";
        fontWeight?:
            | "bold"
            | "normal"
            | "bolder"
            | "lighter"
            | "100"
            | "200"
            | "300"
            | "400"
            | "500"
            | "600"
            | "700"
            | "800"
            | "900";
        letterSpacing?: number;
        lineHeight?: number;
        padding?: number;
        stroke?: string;
        strokeThickness?: number;
        whiteSpace?: "pre"
        | "normal"
        | "pre-line";
        wordWrap?: boolean;
        wordWrapWidth?: number;
    };
    htmlText: string;
    id?: string;
    isVisible?: boolean;
    leftTrim?: number;
    mediaDataId?: string;
    rightTrim?: number;
    startTime?: number;
    style?: Partial<
        {
            alpha: number;
            clipId: string;
            cornerRadius?: [number, number, number, number];
            height?: number;
            mediaDataId?: string;
            position: [number, number];
            relativeCornerRadius: boolean;
            rotation: number;
            scale: [number, number];
            width?: number;
            zIndex: number;
        },
    >;
    subtitlesId?: string;
    subtitlesOffset?: number;
    type?: string;
}

Hierarchy (View Summary)

Properties

duration?: number
effects?: {
    id: string;
    options: {
        fragmentSrc?: string;
        frameHeight: number;
        frameWidth: number;
        textureHeight: number;
        textureWidth: number;
        uniforms?: Record<string, unknown>;
    };
    sourceId: string;
}[]
filters?: { id: string; options: { lutUrl: string }; sourceId: string }[]
fonts?: string[]
htmlStyle?: {
    align?: "left" | "center" | "right" | "justify";
    breakWords?: boolean;
    color?: string;
    dropShadow?: boolean;
    dropShadowAlpha?: number;
    dropShadowAngle?: number;
    dropShadowBlur?: number;
    dropShadowColor?: string;
    dropShadowDistance?: number;
    fontFamily?: string;
    fontSize?: number;
    fontStyle?: "normal" | "italic" | "oblique";
    fontVariant?: "normal" | "small-caps";
    fontWeight?:
        | "bold"
        | "normal"
        | "bolder"
        | "lighter"
        | "100"
        | "200"
        | "300"
        | "400"
        | "500"
        | "600"
        | "700"
        | "800"
        | "900";
    letterSpacing?: number;
    lineHeight?: number;
    padding?: number;
    stroke?: string;
    strokeThickness?: number;
    whiteSpace?: "pre"
    | "normal"
    | "pre-line";
    wordWrap?: boolean;
    wordWrapWidth?: number;
}
htmlText: string
id?: string
isVisible?: boolean
leftTrim?: number
mediaDataId?: string
rightTrim?: number
startTime?: number
style?: Partial<
    {
        alpha: number;
        clipId: string;
        cornerRadius?: [number, number, number, number];
        height?: number;
        mediaDataId?: string;
        position: [number, number];
        relativeCornerRadius: boolean;
        rotation: number;
        scale: [number, number];
        width?: number;
        zIndex: number;
    },
>
subtitlesId?: string
subtitlesOffset?: number
type?: string