2024-07-31 19:42:30 -07:00
|
|
|
<!DOCTYPE html>
|
2024-07-27 18:49:59 -07:00
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2024-07-28 19:41:21 -07:00
|
|
|
<link href="/static/main.css" rel="stylesheet"/>
|
2024-07-27 21:21:55 -07:00
|
|
|
<script src="/static/feather.min.js"></script>
|
2024-07-27 18:49:59 -07:00
|
|
|
<script src="/static/index.js"></script>
|
2024-07-31 19:42:30 -07:00
|
|
|
<script src="/static/gstwebrtc-api-2-0-0.js"></script>
|
2024-07-27 18:49:59 -07:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2024-07-28 19:41:21 -07:00
|
|
|
<nav class="bg-fuchsia-300">
|
2024-07-27 21:21:55 -07:00
|
|
|
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
|
|
|
|
|
<div class="relative flex h-16 items-center justify-between">
|
|
|
|
|
<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
|
|
|
|
|
<div class="hidden sm:ml-6 sm:block">
|
|
|
|
|
<div class="flex space-x-4">
|
|
|
|
|
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
|
|
|
|
|
<a href="#" class="rounded-md bg-slate-800 px-3 py-2 text-sm font-medium text-white" aria-current="page">Dashboard</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="me-0 ms-auto py-2">
|
|
|
|
|
<button class="rounded-full p-2 hover:bg-cyan-700 transition-colors">
|
|
|
|
|
<i data-feather="menu"></i>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
2024-07-28 19:41:21 -07:00
|
|
|
<div class="flex flex-row h-dvh w-100 text-neutral-400">
|
2024-07-27 21:21:55 -07:00
|
|
|
|
|
|
|
|
<div class="flex flex-col bg-neutral-300 h-dvh w-1/8">
|
2024-07-28 19:41:21 -07:00
|
|
|
<button id="camera_connect_button" onclick="call_camera_connect()" class="rounded-full font-semibold mx-3 mt-2 px-4 py-2 text-white bg-cyan-600">Connect to Camera</button>
|
2024-07-27 21:21:55 -07:00
|
|
|
|
|
|
|
|
<button class="rounded-full font-semibold mx-3 mt-2 px-4 py-2 text-white bg-cyan-600">Connect to Computer</button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bg-emerald-700 h-dvh w-7/8">
|
2024-07-31 19:42:30 -07:00
|
|
|
<video style="width: 320px; height: 240px;" id="remoteview"></video>
|
|
|
|
|
<video style="width: 320px; height: 240px;" id="capture"></video>
|
2024-07-27 21:21:55 -07:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-07-27 18:49:59 -07:00
|
|
|
</div>
|
2024-07-27 21:21:55 -07:00
|
|
|
<script>
|
|
|
|
|
feather.replace();
|
|
|
|
|
</script>
|
2024-07-31 19:42:30 -07:00
|
|
|
<script src="/static/gstreamer-rtc.js"></script>
|
2024-07-27 18:49:59 -07:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
