administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 01:05:20 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Request wakeLock when in fullscreen.

Browse Source
This commit is contained in:
thburch 2022-01-06 11:47:10 -08:00
parent 9edf38347c
commit 2b5eef8a4f
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
web/src/components/JSMpegPlayer.jsx
View File

@ -8,6 +8,20 @@ export default function JSMpegPlayer({ camera, width, height }) {
const url = `${baseUrl.replace(/^http/, 'ws')}/live/${camera}`
useEffect(() => {
let wakeLock = null;
const requestWakeLock = async () => {
if (!navigator.wakeLock) {
return;
}
try {
wakeLock = await navigator.wakeLock.request('screen');
} catch (err) {
console.warn(err);
}
}
const video = new JSMpeg.VideoElement(
playerRef.current,
url,
@ -16,6 +30,8 @@ export default function JSMpegPlayer({ camera, width, height }) {
);
const fullscreen = () => {
requestWakeLock();
if(video.els.canvas.webkitRequestFullScreen) {
video.els.canvas.webkitRequestFullScreen();
}
@ -24,9 +40,26 @@ export default function JSMpegPlayer({ camera, width, height }) {
}
}
const fullscreenchange = () => {
if (document.webkitIsFullScreen) {
return;
}
if (wakeLock === null) {
return;
}
wakeLock.release().then(() => {
wakeLock = null;
});
}
video.els.canvas.addEventListener('click',fullscreen)
video.els.canvas.addEventListener('webkitfullscreenchange',fullscreenchange)
return () => {
video.els.canvas.removeEventListener('click',fullscreen)
video.els.canvas.removeEventListener('webkitfullscreenchange',fullscreenchange)
video.destroy();
};
}, [url]);