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

Merge pull request #23 from ibs0d/codex/add-visual-camera-rotation-to-draggable-grid

Browse Source 
Add grid-only MSE camera rotation for cameras with ui.rotate
This commit is contained in:
ibs0d 2026-03-08 21:26:13 +11:00 committed by GitHub
commit 58ae23a6bf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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:rotate(90deg)]",
isEditMode &&
showCircles &&
"outline-2 outline-muted-foreground hover:cursor-grab hover:outline-4 active:cursor-grabbing",