react-tv-player
Version:
A React media player component for TV devices. With custom UI and arrow-key navigation, it can play a variety of URLs like file paths, HLS/DASH streams and even YouTube & Vimeo links directly. Packaged as an npm library for easy integration.
32 lines (31 loc) • 1.09 kB
TypeScript
import { default as ReactPlayer, ReactPlayerProps } from 'react-player';
import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
type TVPlayerButtonAction = "custom" | "fullscreen" | "like" | "loop" | "mute" | "next" | "playpause" | "previous" | "skipforward" | "skipback";
type TVPlayerButtonAlign = "left" | "center" | "right";
export type TVPlayerButtonProps = {
action: TVPlayerButtonAction;
align?: TVPlayerButtonAlign;
label?: string;
faIcon?: IconDefinition;
onPress?: () => void;
onRelease?: () => void;
isSelectedFill?: boolean;
disabled?: boolean;
};
export interface TVPlayerProps extends ReactPlayerProps {
activity?: boolean;
customButtons?: TVPlayerButtonProps[];
customToggle?: boolean;
likeToggle?: boolean;
mediaIndex?: number;
mediaCount?: number;
player?: ReactPlayer | null;
subTitle?: string | null;
title?: string | null;
withTopCover?: boolean;
hideControlsOnArrowUp?: boolean;
disableFullscreen?: boolean;
disableInitNav?: boolean;
disableNav?: boolean;
}
export {};