Use api path to determine type

This commit is contained in:
Nicolas Mowen 2024-06-17 13:07:32 -06:00
parent 5b60785cca
commit a13e3c2e20
4 changed files with 6 additions and 4 deletions

View File

@ -146,8 +146,10 @@ def latest_frame(camera_name):
frame = cv2.resize(frame, dsize=(width, height), interpolation=cv2.INTER_AREA) frame = cv2.resize(frame, dsize=(width, height), interpolation=cv2.INTER_AREA)
extension = os.path.splitext(request.path)[1]
ret, img = cv2.imencode( ret, img = cv2.imencode(
".webp", frame, [int(cv2.IMWRITE_WEBP_QUALITY), resize_quality] f".{extension}", frame, [int(cv2.IMWRITE_WEBP_QUALITY), resize_quality]
) )
response = make_response(img.tobytes()) response = make_response(img.tobytes())
response.headers["Content-Type"] = "image/webp" response.headers["Content-Type"] = "image/webp"

View File

@ -47,7 +47,7 @@ export default function CameraImage({
return; return;
} }
imgRef.current.src = `${apiHost}api/${name}/latest.jpg?h=${requestHeight}${ imgRef.current.src = `${apiHost}api/${name}/latest.webp?h=${requestHeight}${
searchParams ? `&${searchParams}` : "" searchParams ? `&${searchParams}` : ""
}`; }`;
}, [apiHost, name, imgRef, searchParams, requestHeight, config]); }, [apiHost, name, imgRef, searchParams, requestHeight, config]);

View File

@ -89,7 +89,7 @@ export default function CameraImage({
if (!config || scaledHeight === 0 || !canvasRef.current) { if (!config || scaledHeight === 0 || !canvasRef.current) {
return; return;
} }
img.src = `${apiHost}api/${name}/latest.jpg?h=${scaledHeight}${ img.src = `${apiHost}api/${name}/latest.webp?h=${scaledHeight}${
searchParams ? `&${searchParams}` : "" searchParams ? `&${searchParams}` : ""
}`; }`;
}, [apiHost, canvasRef, name, img, searchParams, scaledHeight, config]); }, [apiHost, canvasRef, name, img, searchParams, scaledHeight, config]);

View File

@ -39,7 +39,7 @@ export function PolygonCanvas({
const element = new window.Image(); const element = new window.Image();
element.width = width; element.width = width;
element.height = height; element.height = height;
element.src = `${apiHost}api/${camera}/latest.jpg`; element.src = `${apiHost}api/${camera}/latest.webp`;
return element; return element;
} }
}, [camera, width, height, apiHost]); }, [camera, width, height, apiHost]);