remotion
Version:
Make videos programmatically
81 lines (80 loc) • 2.85 kB
TypeScript
import React from 'react';
import type { EffectsProp } from './effects/effect-types.js';
import type { SequenceProps } from './Sequence.js';
type NativeImgProps = Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
export type ImgProps = NativeImgProps & {
readonly maxRetries?: number;
readonly pauseWhenLoading?: boolean;
readonly delayRenderRetries?: number;
readonly delayRenderTimeoutInMilliseconds?: number;
readonly onImageFrame?: (imageElement: HTMLImageElement) => void;
readonly src: string;
readonly effects?: EffectsProp;
readonly showInTimeline?: boolean;
readonly name?: string;
/**
* @deprecated For internal use only
*/
readonly stack?: string;
} & Pick<SequenceProps, 'durationInFrames' | 'from' | 'hidden'>;
export declare const imgSchema: {
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
readonly min: 0.05;
readonly max: 100;
readonly step: 0.01;
readonly default: 1;
readonly description: "Scale";
};
readonly 'style.rotate': {
readonly type: "rotation-css";
readonly step: 1;
readonly default: "0deg";
readonly description: "Rotation";
};
readonly 'style.opacity': {
readonly type: "number";
readonly min: 0;
readonly max: 1;
readonly step: 0.01;
readonly default: 1;
readonly description: "Opacity";
readonly hiddenFromList: false;
};
readonly durationInFrames: {
readonly type: "number";
readonly default: undefined;
readonly min: 1;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly from: {
readonly type: "number";
readonly default: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: import("./sequence-field-schema.js").SequenceFieldSchema;
};
export declare const Img: React.ComponentType<NativeImgProps & {
readonly maxRetries?: number | undefined;
readonly pauseWhenLoading?: boolean | undefined;
readonly delayRenderRetries?: number | undefined;
readonly delayRenderTimeoutInMilliseconds?: number | undefined;
readonly onImageFrame?: ((imageElement: HTMLImageElement) => void) | undefined;
readonly src: string;
readonly effects?: EffectsProp | undefined;
readonly showInTimeline?: boolean | undefined;
readonly name?: string | undefined;
/**
* @deprecated For internal use only
*/
readonly stack?: string | undefined;
} & Pick<SequenceProps, "durationInFrames" | "from" | "hidden">>;
export {};