mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-12-19 19:06:16 +01:00
don't sleep mobile devices when fullscreen (#11652)
This commit is contained in:
parent
3e6b8c23bc
commit
402c16e7df
6
web/package-lock.json
generated
6
web/package-lock.json
generated
@ -43,6 +43,7 @@
|
||||
"lucide-react": "^0.379.0",
|
||||
"monaco-yaml": "^5.1.1",
|
||||
"next-themes": "^0.3.0",
|
||||
"nosleep.js": "^0.12.0",
|
||||
"react": "^18.3.1",
|
||||
"react-apexcharts": "^1.4.1",
|
||||
"react-day-picker": "^8.10.1",
|
||||
@ -5724,6 +5725,11 @@
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/nosleep.js": {
|
||||
"version": "0.12.0",
|
||||
"resolved": "https://registry.npmjs.org/nosleep.js/-/nosleep.js-0.12.0.tgz",
|
||||
"integrity": "sha512-9d1HbpKLh3sdWlhXMhU6MMH+wQzKkrgfRkYV0EBdvt99YJfj0ilCJrWRDYG2130Tm4GXbEoTCx5b34JSaP+HhA=="
|
||||
},
|
||||
"node_modules/npm-run-path": {
|
||||
"version": "5.1.0",
|
||||
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
|
||||
|
@ -49,6 +49,7 @@
|
||||
"lucide-react": "^0.379.0",
|
||||
"monaco-yaml": "^5.1.1",
|
||||
"next-themes": "^0.3.0",
|
||||
"nosleep.js": "^0.12.0",
|
||||
"react": "^18.3.1",
|
||||
"react-apexcharts": "^1.4.1",
|
||||
"react-day-picker": "^8.10.1",
|
||||
|
@ -1,4 +1,7 @@
|
||||
import { RefObject, useCallback, useEffect, useState } from "react";
|
||||
import nosleep from "nosleep.js";
|
||||
|
||||
const NoSleep = new nosleep();
|
||||
|
||||
function getFullscreenElement(): HTMLElement | null {
|
||||
return (
|
||||
@ -96,9 +99,11 @@ export function useFullscreen<T extends HTMLElement = HTMLElement>(
|
||||
const toggleFullscreen = useCallback(async () => {
|
||||
try {
|
||||
if (!getFullscreenElement()) {
|
||||
NoSleep.enable();
|
||||
await enterFullScreen(elementRef.current!);
|
||||
} else {
|
||||
await exitFullscreen();
|
||||
NoSleep.disable();
|
||||
}
|
||||
setError(null);
|
||||
} catch (err) {
|
||||
|
Loading…
Reference in New Issue
Block a user