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

Add grid-only MSE rotation for cameras with ui.rotate

Browse Source
This commit is contained in:
ibs0d 2026-03-08 21:24:02 +11:00
parent 52b14cabf3
commit 5ee023f5a4
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/player/MsePlayer.tsx
View File

@ -803,6 +803,10 @@ function MSEPlayer({
style={{
objectFit:
"var(--frigate-mse-object-fit, fill)" as CSSProperties["objectFit"],
transform:
"var(--frigate-mse-grid-rotation, none)" as CSSProperties["transform"],
transformOrigin:
"var(--frigate-mse-grid-rotation-origin, center center)" as CSSProperties["transformOrigin"],
}}
playsInline
preload="auto"

2
web/src/views/live/DraggableGridLayout.tsx
View File

@ -670,6 +670,8 @@ export default function DraggableGridLayout({
cameraRef={cameraRef}
className={cn(
"draggable-live-grid-mse-cover size-full rounded-lg bg-black md:rounded-2xl",
camera.ui?.rotate &&
"draggable-live-grid-rotated [--frigate-mse-grid-rotation:90deg]",
isEditMode &&
showCircles &&
"outline-2 outline-muted-foreground hover:cursor-grab hover:outline-4 active:cursor-grabbing",