administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 22:57:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #88 from ibs0d/claude/add-camera-rotation-support-Lg2l9

Browse Source 
Add ui.rotate support to LiveCameraView single-camera view
This commit is contained in:
ibs0d 2026-03-21 18:34:35 +11:00 committed by GitHub
commit a8ee19397c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/views/live/LiveCameraView.tsx
View File

@ -360,11 +360,13 @@ export default function LiveCameraView({
}, [windowAspectRatio, containerRef]);
const cameraAspectRatio = useMemo(() => {
let ratio;
if (fullResolution.width && fullResolution.height) {
return fullResolution.width / fullResolution.height;
ratio = fullResolution.width / fullResolution.height;
} else {
return camera.detect.width / camera.detect.height;
ratio = camera.detect.width / camera.detect.height;
}
return camera.ui?.rotate ? 1 / ratio : ratio;
}, [camera, fullResolution]);
const constrainedAspectRatio = useMemo<number>(() => {
@ -648,7 +650,11 @@ export default function LiveCameraView({
>
<LivePlayer
key={camera.name}
className={`${fullscreen ? "*:rounded-none" : ""}`}
className={cn(
fullscreen ? "*:rounded-none" : "",
camera.ui?.rotate &&
"[--frigate-mse-grid-rotated:1] [--frigate-mse-grid-rotation:rotate(90deg)]",
)}
windowVisible
showStillWithoutActivity={false}
showMotionDot={false}