add mjpeg stream widget

This commit is contained in:
Ben Phelps 2023-08-06 14:21:01 +03:00
parent 15bf55952b
commit ba19f77b8f
5 changed files with 32 additions and 0 deletions

View file

@ -0,0 +1,17 @@
import Image from "next/image";
export default function Component({ service }) {
const { widget } = service;
const { stream } = widget;
return (
<div>
<div className="absolute top-0 bottom-0 right-0 left-0">
<Image layout="fill" objectFit="fill" className="blur-md" src={stream} alt="stream" />
<Image layout="fill" objectFit="contain" className="drop-shadow-2xl" src={stream} alt="stream" />
</div>
<div className="absolute top-0 right-0 bottom-0 left-0 overflow-clip shadow-[inset_0_0_200px_#000] shadow-theme-700/10 dark:shadow-theme-900/10" />
<div className="h-[68px] overflow-clip" />
</div>
);
}

View file

@ -0,0 +1,8 @@
import genericProxyHandler from "utils/proxy/handlers/generic";
const widget = {
api: "{url}/{endpoint}",
proxyHandler: genericProxyHandler,
};
export default widget;