administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-18 22:28:23 +03:00
Code Issues Actions 2 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={{ style={{
objectFit: objectFit:
"var(--frigate-mse-object-fit, fill)" as CSSProperties["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 playsInline
preload="auto" preload="auto"

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

@ -670,6 +670,8 @@ export default function DraggableGridLayout({
cameraRef={cameraRef} cameraRef={cameraRef}
className={cn( className={cn(
"draggable-live-grid-mse-cover size-full rounded-lg bg-black md:rounded-2xl", "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 && isEditMode &&
showCircles && showCircles &&
"outline-2 outline-muted-foreground hover:cursor-grab hover:outline-4 active:cursor-grabbing", "outline-2 outline-muted-foreground hover:cursor-grab hover:outline-4 active:cursor-grabbing",