ensure jsmpeg canvas is rounded and clipped (#9842)

This commit is contained in:
Josh Hawkins 2024-02-13 17:25:28 -06:00 committed by GitHub
parent ac0059cc1a
commit fa384a7f9d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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}