3a421837bf
* refactor(frontend): フルスクリーン周りの調整 (cherry picked from commit 783032caec5853d78d5af3391e29cf364f2282e8) * refactor(frontend): deviceKindの循環参照を除去 (cherry picked from commit 1ca471f57e968a1a6e2259bde4a7c6da1fe0c54e) * fix --------- Co-authored-by: taiyme <53635909+taiyme@users.noreply.github.com>
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and misskey-project
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
type PartiallyPartial<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
|
|
|
|
type VideoEl = PartiallyPartial<HTMLVideoElement, 'requestFullscreen'> & {
|
|
webkitEnterFullscreen?(): void;
|
|
webkitExitFullscreen?(): void;
|
|
};
|
|
|
|
type PlayerEl = PartiallyPartial<HTMLElement, 'requestFullscreen'>;
|
|
|
|
type RequestFullscreenProps = {
|
|
readonly videoEl: VideoEl;
|
|
readonly playerEl: PlayerEl;
|
|
readonly options?: FullscreenOptions | null;
|
|
};
|
|
|
|
type ExitFullscreenProps = {
|
|
readonly videoEl: VideoEl;
|
|
};
|
|
|
|
export const requestFullscreen = ({ videoEl, playerEl, options }: RequestFullscreenProps) => {
|
|
if (playerEl.requestFullscreen != null) {
|
|
playerEl.requestFullscreen(options ?? undefined);
|
|
return;
|
|
}
|
|
if (videoEl.webkitEnterFullscreen != null) {
|
|
videoEl.webkitEnterFullscreen();
|
|
return;
|
|
}
|
|
};
|
|
|
|
export const exitFullscreen = ({ videoEl }: ExitFullscreenProps) => {
|
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
if (document.exitFullscreen != null) {
|
|
document.exitFullscreen();
|
|
return;
|
|
}
|
|
if (videoEl.webkitExitFullscreen != null) {
|
|
videoEl.webkitExitFullscreen();
|
|
return;
|
|
}
|
|
};
|