ensure jsmpeg canvas is rounded and clipped

This commit is contained in:
Josh Hawkins 2024-02-13 07:53:27 -06:00
parent 63bc1b1582
commit 792d41baea
2 changed files with 4 additions and 2 deletions

View File

@ -37,7 +37,9 @@ export default function CameraImage({
return ( return (
<div <div
className={`relative w-full h-full flex justify-center ${className}`} className={`relative w-full h-full flex justify-center ${
className || ""
}`}
ref={containerRef} ref={containerRef}
> >
{enabled ? ( {enabled ? (

View File

@ -111,7 +111,7 @@ export default function LivePlayer({
} else if (liveMode == "jsmpeg") { } else if (liveMode == "jsmpeg") {
player = ( player = (
<JSMpegPlayer <JSMpegPlayer
className="w-full flex justify-center" className="w-full flex justify-center rounded-2xl overflow-hidden"
camera={cameraConfig.name} camera={cameraConfig.name}
width={cameraConfig.detect.width} width={cameraConfig.detect.width}
height={cameraConfig.detect.height} height={cameraConfig.detect.height}