Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

Fix safari preview transition (#10638)

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-23 17:47:25 -06:00 committed by GitHub
parent e3a7aa6b6c
commit d260c6926a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/player/PreviewPlayer.tsx
View File

@ -12,7 +12,7 @@ import { Preview } from "@/types/preview";
import { PreviewPlayback } from "@/types/playback"; import { PreviewPlayback } from "@/types/playback";
import { isCurrentHour } from "@/utils/dateUtil"; import { isCurrentHour } from "@/utils/dateUtil";
import { baseUrl } from "@/api/baseUrl"; import { baseUrl } from "@/api/baseUrl";
import { isAndroid, isChrome, isMobile } from "react-device-detect"; import { isAndroid, isChrome, isMobile, isSafari } from "react-device-detect";
import { Skeleton } from "../ui/skeleton"; import { Skeleton } from "../ui/skeleton";
type PreviewPlayerProps = { type PreviewPlayerProps = {
@ -223,7 +223,11 @@ function PreviewVideoPlayer({
setHasCanvas(true); setHasCanvas(true);
} }
previewRef.current.load(); if (isSafari) {
setTimeout(() => previewRef.current?.load(), 100);
} else {
previewRef.current.load();
}
// we only want this to change when current preview changes // we only want this to change when current preview changes
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [currentPreview, previewRef]); }, [currentPreview, previewRef]);