administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-04 18:25:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add pan/tilt support

Browse Source
This commit is contained in:
Nick Mowen 2022-12-15 12:17:45 -07:00
parent 137e2d659a
commit 1cc7bb9a54
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/components/CameraControlPanel.jsx
View File

@ -26,6 +26,17 @@ export default function CameraControlPanel({ camera = '' }) {
setCurrentPreset('');
};
const onSetMove = async (e, dir) => {
e.stopPropagation();
sendPtz(`MOVE_${dir}`);
setCurrentPreset('');
};
const onSetStop = async (e) => {
e.stopPropagation();
sendPtz('STOP');
};
if (!ptz) {
return <ActivityIndicator />;
}
@ -35,14 +46,22 @@ export default function CameraControlPanel({ camera = '' }) {
{ptz.features.includes('pt') && (
<div className="w-44 p-4">
<div className="w-full flex justify-center">
<ArrowUpDouble className="h-12 p-2 bg-slate-500" />
<button onMouseDown={(e) => onSetMove(e, 'UP')} onMouseUp={(e) => onSetStop(e)}>
<ArrowUpDouble className="h-12 p-2 bg-slate-500" />
</button>
</div>
<div className="w-full flex justify-between">
<ArrowLeftDouble className="h-12 p-2 bg-slate-500" />
<ArrowRightDouble className="h-12 p-2 bg-slate-500" />
<button onMouseDown={(e) => onSetMove(e, 'LEFT')} onMouseUp={(e) => onSetStop(e)}>
<ArrowLeftDouble className="btn h-12 p-2 bg-slate-500" />
</button>
<button onMouseDown={(e) => onSetMove(e, 'RIGHT')} onMouseUp={(e) => onSetStop(e)}>
<ArrowRightDouble className="h-12 p-2 bg-slate-500" />
</button>
</div>
<div className="flex justify-center">
<ArrowDownDouble className="h-12 p-2 bg-slate-500" />
<button onMouseDown={(e) => onSetMove(e, 'DOWN')} onMouseUp={(e) => onSetStop(e)}>
<ArrowDownDouble className="h-12 p-2 bg-slate-500" />
</button>
</div>
</div>
)}