administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-18 06:08:22 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Merge pull request #15 from ibs0d/codex/add-camera-rotation-config-option-yo8e42

Browse Source 
Support dashboard rotate + cover-fit for camera tiles and players
This commit is contained in:
ibs0d 2026-03-08 15:57:19 +11:00 committed by GitHub
commit 4721dd4ed0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 70 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
web/src/components/player/LivePlayer.tsx
View File

@ -412,17 +412,24 @@ export default function LivePlayer({
lowerClassName="md:rounded-2xl"
/>
)}
<div
ref={mediaViewportRef}
className={cn(
"absolute inset-0",
shouldFillContainer && "overflow-hidden",
)}
>
<div className="absolute left-1/2 top-1/2" style={mediaTransformStyle}>
{player}
{applyDashboardTransforms ? (
<div
ref={mediaViewportRef}
className={cn(
"absolute inset-0",
shouldFillContainer && "overflow-hidden",
)}
>
<div
className="absolute left-1/2 top-1/2"
style={mediaTransformStyle}
>
{player}
</div>
</div>
</div>
) : (
player
)}
{cameraEnabled &&
!offline &&
(!showStillWithoutActivity || isReEnabling) &&
@ -480,33 +487,63 @@ export default function LivePlayer({
</div>
)}
<div
className={cn(
"absolute inset-0 w-full",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
)}
>
<AutoUpdatingCameraImage
{applyDashboardTransforms ? (
<div
className={cn(
"pointer-events-none size-full",
"absolute inset-0",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
shouldFillContainer && "overflow-hidden",
)}
cameraClasses={cn(
"relative size-full",
shouldFillContainer && "overflow-hidden",
>
<div
className="absolute left-1/2 top-1/2"
style={mediaTransformStyle}
>
<AutoUpdatingCameraImage
className={cn(
"pointer-events-none size-full",
shouldFillContainer && "overflow-hidden",
)}
cameraClasses={cn(
"relative size-full",
shouldFillContainer && "overflow-hidden",
)}
fit={shouldFillContainer ? "cover" : "contain"}
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
</div>
) : (
<div
className={cn(
"absolute inset-0 w-full",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
)}
fit={shouldFillContainer ? "cover" : "contain"}
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
>
<AutoUpdatingCameraImage
className="pointer-events-none size-full"
cameraClasses="relative size-full"
fit="contain"
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
)}
{offline && applyDashboardTransforms && (
<>