import { FrigateCardMediaPlayer } from '../types';
import { Timer } from './timer';

// The number of seconds to hide the video controls for after loading (in order
// to give a cleaner UI appearance, see:
// https://github.com/dermotduffy/frigate-hass-card/issues/856
export const MEDIA_LOAD_CONTROLS_HIDE_SECONDS = 2;
const MEDIA_SEEK_CONTROLS_HIDE_SECONDS = 1;

/**
 * Temporarily hide media controls.
 * @param element Any HTMLElement that has a controls property (e.g.
 * HTMLVideoElement, FrigateCardHaHlsPlayer)
 * @param seconds The number of seconds to hide the controls for.
 */
export const hideMediaControlsTemporarily = (
  element: HTMLElement & {
    controls: boolean;
    _controlsHideTimer?: Timer;
  },
  seconds = MEDIA_SEEK_CONTROLS_HIDE_SECONDS,
): void => {
  element.controls = false;

  element._controlsHideTimer ??= new Timer();
  element._controlsHideTimer.start(seconds, () => {
    element.controls = true;
    delete element._controlsHideTimer;
  });
};

/**
 * @param player The Frigate Card Media Player object.
 * @param video An underlying video or media player upon which to call play.
 */
export const playMediaMutingIfNecessary = async (
  player: FrigateCardMediaPlayer,
  video?: HTMLVideoElement | FrigateCardMediaPlayer,
): Promise<void> => {
  // If the play call fails, and the media is not already muted, mute it first
  // and then try again. This works around some browsers that prevent
  // auto-play unless the video is muted.
  if (video?.play) {
    video.play().catch(async (ev) => {
      if (ev.name === 'NotAllowedError' && !player.isMuted()) {
        await player.mute();
        try {
          await video.play();
        } catch (_) {
          // Pass.
        }
      }
    });
  }
};