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

Simplify layout

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-22 09:13:27 -06:00
parent 8b89a54e50
commit 6f86fe13ed
1 changed files with 22 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/components/player/dynamic/DynamicVideoPlayer.tsx
View File

@ -165,33 +165,29 @@ export default function DynamicVideoPlayer({
}, [controller, recordings]); }, [controller, recordings]);
return ( return (
<div className={`relative ${className ?? ""} cursor-pointer`}> <div className={`relative ${className ?? ""}`}>
<div <HlsVideoPlayer
className={`w-full relative ${isScrubbing || isLoading ? "hidden" : "visible"}`} className={`w-full ${isScrubbing || isLoading ? "hidden" : "visible"} ${grow ?? ""}`}
> videoRef={playerRef}
<HlsVideoPlayer currentSource={source}
className={`${grow}`} onTimeUpdate={onTimeUpdate}
videoRef={playerRef} onPlayerLoaded={onPlayerLoaded}
currentSource={source} onClipEnded={onClipEnded}
onTimeUpdate={onTimeUpdate} onPlaying={() => {
onPlayerLoaded={onPlayerLoaded} if (isScrubbing) {
onClipEnded={onClipEnded} playerRef.current?.pause();
onPlaying={() => { }
if (isScrubbing) {
playerRef.current?.pause();
}
setIsLoading(false); setIsLoading(false);
}} }}
> >
{config && focusedItem && ( {config && focusedItem && (
<TimelineEventOverlay <TimelineEventOverlay
timeline={focusedItem} timeline={focusedItem}
cameraConfig={config.cameras[camera]} cameraConfig={config.cameras[camera]}
/> />
)} )}
</HlsVideoPlayer> </HlsVideoPlayer>
</div>
<PreviewPlayer <PreviewPlayer
className={`${isScrubbing || isLoading ? "visible" : "hidden"} ${grow}`} className={`${isScrubbing || isLoading ? "visible" : "hidden"} ${grow}`}
camera={camera} camera={camera}