playable/src/modules/ui/bottom-block/types.ts

Video player based on HTML5Video

type IBottomBlockViewStyles = {
  additionalButton: string;
  bottomBlock: string;
  elementsContainer: string;
  progressBarContainer: string;
  controlsContainerLeft: string;
  controlsContainerRight: string;
  logoContainer: string;
  playContainer: string;
  volumeContainer: string;
  timeContainer: string;
  fullScreenContainer: string;
  showLogoAlways: string;
  logoHidden: string;
  activated: string;
  hidden: string;
  playControlHidden: string;
  timeControlHidden: string;
  volumeControlHidden: string;
  fullScreenControlHidden: string;
  progressControlHidden: string;
  downloadButtonHidden: string;
  pictureInPictureButtonHidden: string;
};

type IBottomBlockViewCallbacks = {
  onBlockMouseMove: EventListenerOrEventListenerObject;
  onBlockMouseOut: EventListenerOrEventListenerObject;
};

type IBottomBlockViewElements = {
  play: HTMLElement;
  volume: HTMLElement;
  time: HTMLElement;
  fullScreen: HTMLElement;
  logo: HTMLElement;
  progress: HTMLElement;
  download: HTMLElement;
  pictureInPicture: HTMLElement;
};

type IBottomBlockViewConfig = {
  callbacks: IBottomBlockViewCallbacks;
  elements: IBottomBlockViewElements;
};

interface IBottomBlock {
  getElement(): HTMLElement;
  isFocused: boolean;
  showContent(): void;
  hideContent(): void;
  show(): void;
  hide(): void;
  addControl(
    key: string,
    element: HTMLElement,
    options?: { position?: 'left' | 'right' },
  ): void;
  setAlwaysShowLogo(flag: boolean): void;
  showLogo(): void;
  hideLogo(): void;
  showPlayControl(): void;
  hidePlayControl(): void;
  showTimeControl(): void;
  hideTimeControl(): void;
  showProgressControl(): void;
  hideProgressControl(): void;
  showFullScreenControl(): void;
  hideFullScreenControl(): void;
  showVolumeControl(): void;
  hideVolumeControl(): void;
  showDownloadButton(): void;
  hideDownloadButton(): void;
  destroy(): void;
}

interface IBottomBlockAPI {
  setAlwaysShowLogo?(flag: boolean): void;
  showLogo?(): void;
  hideLogo?(): void;
  showPlayControl?(): void;
  hidePlayControl?(): void;
  showTimeControl?(): void;
  hideTimeControl?(): void;
  showProgressControl?(): void;
  hideProgressControl?(): void;
  showFullScreenControl?(): void;
  hideFullScreenControl?(): void;
  showVolumeControl?(): void;
  hideVolumeControl?(): void;
  showDownloadButton?(): void;
  hideDownloadButton?(): void;
}

export {
  IBottomBlockAPI,
  IBottomBlock,
  IBottomBlockViewStyles,
  IBottomBlockViewCallbacks,
  IBottomBlockViewConfig,
  IBottomBlockViewElements,
};