diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx index fcb4bca4a..b233c6ad4 100644 --- a/web/src/components/player/PreviewPlayer.tsx +++ b/web/src/components/player/PreviewPlayer.tsx @@ -587,7 +587,7 @@ class PreviewFramesController extends PreviewController { if (this.seeking) { this.timeToSeek = frame; } else { - const newSrc = `${baseUrl}api/media/preview/preview_${this.camera}-${frame}.webp/thumbnail.webp`; + const newSrc = `${baseUrl}api/preview/preview_${this.camera}-${frame}.webp/thumbnail.webp`; if (this.imgController.current.src != newSrc) { this.imgController.current.src = newSrc; @@ -604,7 +604,7 @@ class PreviewFramesController extends PreviewController { } if (this.timeToSeek) { - const newSrc = `${baseUrl}api/media/preview/preview_${this.camera}-${this.timeToSeek}.webp/thumbnail.webp`; + const newSrc = `${baseUrl}api/preview/preview_${this.camera}-${this.timeToSeek}.webp/thumbnail.webp`; if (this.imgController.current.src != newSrc) { this.imgController.current.src = newSrc; diff --git a/web/src/components/settings/PolygonCanvas.tsx b/web/src/components/settings/PolygonCanvas.tsx index 27f01ab97..e6851b63c 100644 --- a/web/src/components/settings/PolygonCanvas.tsx +++ b/web/src/components/settings/PolygonCanvas.tsx @@ -42,7 +42,7 @@ export function PolygonCanvas({ const element = new window.Image(); element.width = width; element.height = height; - element.src = `${apiHost}api/${camera}/latest?extension=webp&?cache=${Date.now()}`; + element.src = `${apiHost}api/${camera}/latest.webp?cache=${Date.now()}`; return element; } // we know that these deps are correct diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx index 7bc81c39c..15e08cebf 100644 --- a/web/src/views/live/LiveCameraView.tsx +++ b/web/src/views/live/LiveCameraView.tsx @@ -499,9 +499,7 @@ function PtzControlPanel({ clickOverlay: boolean; setClickOverlay: React.Dispatch>; }) { - const { data: ptz } = useSWR( - `${camera}/ptz/info`, - ); + const { data: ptz } = useSWR(`${camera}/ptz/info`); const { send: sendPtz } = usePtzCommand(camera); diff --git a/web/src/views/system/StorageMetrics.tsx b/web/src/views/system/StorageMetrics.tsx index a7a00be30..8bfa8b51f 100644 --- a/web/src/views/system/StorageMetrics.tsx +++ b/web/src/views/system/StorageMetrics.tsx @@ -18,7 +18,7 @@ type StorageMetricsProps = { export default function StorageMetrics({ setLastUpdated, }: StorageMetricsProps) { - const { data: cameraStorage } = useSWR("media/recordings/storage"); + const { data: cameraStorage } = useSWR("recordings/storage"); const { data: stats } = useSWR("stats"); const totalStorage = useMemo(() => {