@globis/player
Version:
GLOBIS React Video Player.
93 lines (92 loc) • 2.43 kB
TypeScript
import React from 'react';
import { TrackProps } from 'react-player';
import { Option } from '../../molecules/Dropdown';
declare type Time = {
label: string;
value: number;
};
export declare type Props = {
currentQuality: Option;
currentTime: Time;
duration: Time;
isFullscreen: boolean;
isMuted: boolean;
isPlaying: boolean;
isShowingTracks?: boolean;
isUserIdle: boolean;
onSubtitleClick: React.MouseEventHandler<HTMLButtonElement>;
onFullscreenChange: React.MouseEventHandler<HTMLButtonElement>;
onMuteClick: React.MouseEventHandler<HTMLButtonElement>;
onPlayClick: React.MouseEventHandler<HTMLButtonElement>;
onPlaybackRateChange: (value: Option) => void;
onQualityChange: (value: Option) => void;
onSeek: React.ChangeEventHandler<HTMLInputElement>;
onVolumeChange: React.ChangeEventHandler<HTMLInputElement>;
playbackRate: Option;
playbackRateOption: Option[];
qualityOption: Option[];
tracks?: TrackProps[];
volume: number;
};
declare const Time: import("styled-components").StyledComponent<"span", {
colors: {
black: string;
blue: string;
danger: string;
globisBlue: string;
matBlack: string;
mediumGray: string;
white: string;
};
colorPallets: {
primary: {
normal: string;
hover: string;
disable: string;
};
cta: {
normal: string;
hover: string;
disable: string;
};
success: {
normal: string;
background: string;
};
error: {
normal: string;
background: string;
};
caution: {
normal: string;
background: string;
};
mono: {
black: string;
textGray: string;
line: string;
hover: string;
background: string;
};
};
sizes: {
borderRadius: string;
font: {
s12: string;
s14: string;
s16: string;
s24: string;
s32: string;
};
};
zIndexes: {
video: {
overlay: number;
ctrl: number;
progress: number;
progressThumb: number;
};
};
}, {}, never>;
export declare const Controller: React.FC<Props>;
export {};