remotion
Version:
Make videos programmatically
101 lines (100 loc) • 3.46 kB
TypeScript
import React from 'react';
import type { EffectsProp } from './effects/effect-types.js';
import type { InteractiveBaseProps } from './Interactive.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;
} & InteractiveBaseProps;
export declare const imgSchema: {
readonly 'style.transformOrigin': {
readonly type: "transform-origin";
readonly step: 1;
readonly default: "50% 50%";
readonly description: "Transform origin";
};
readonly 'style.translate': {
readonly type: "translate";
readonly step: 1;
readonly default: "0px 0px";
readonly description: "Offset";
};
readonly 'style.scale': {
readonly type: "scale";
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 trimBefore: {
readonly type: "number";
readonly default: 0;
readonly min: 0;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly freeze: {
readonly type: "number";
readonly default: null;
readonly step: 1;
readonly hiddenFromList: true;
};
readonly hidden: import("./interactivity-schema.js").BooleanFieldSchema;
readonly name: import("./interactivity-schema.js").HiddenFieldSchema;
readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
};
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;
} & InteractiveBaseProps>;
export {};