56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
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.
|
|
}
|
|
}
|
|
});
|
|
}
|
|
};
|