60 lines
2 KiB
HTML
60 lines
2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Robot Tracker v005 – Setup</title>
|
||
<style>
|
||
body { margin: 0; background: #0e0e11; color: #e0e0e0; font-family: system-ui, sans-serif; }
|
||
.container { max-width: 720px; margin: 60px auto; padding: 40px; background: #14141a; border-radius: 12px; }
|
||
h1 { margin-top: 0; font-size: 22px; }
|
||
.badge { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 99px; background: #1f2937; color: #4fd1c5; margin-bottom: 24px; }
|
||
.step { margin: 18px 0; padding-left: 12px; border-left: 3px solid #4fd1c5; line-height: 1.6; }
|
||
.step strong { color: #4fd1c5; }
|
||
code { background: #1a1a22; padding: 2px 6px; border-radius: 4px; font-size: 13px; }
|
||
ul { margin: 8px 0; padding-left: 20px; }
|
||
li { margin: 4px 0; }
|
||
button {
|
||
margin-top: 32px; padding: 14px 28px; font-size: 16px;
|
||
border: none; border-radius: 8px; cursor: pointer;
|
||
background: #4fd1c5; color: #0e0e11; font-weight: 600;
|
||
}
|
||
button:hover { background: #38b2ac; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>Robot Tracker</h1>
|
||
<span class="badge">v005</span>
|
||
|
||
<div class="step">
|
||
<strong>1.</strong> HuskyLens 2 mit dem lokalen WLAN verbinden.
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>2.</strong> RTSP-Stream auf der HuskyLens starten:
|
||
<ul>
|
||
<li>Streaming öffnen</li>
|
||
<li>RTSP aktivieren und mit <em>Yes</em> bestätigen</li>
|
||
<li>Modus wählen (z. B. Object Tracking)</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>3.</strong> IP-Adresse der Kamera in <code>config.yaml</code> unter
|
||
<code>camera.rtsp_url</code> eintragen, falls abweichend.
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>4.</strong> Kamera über dem Spielfeld montieren — möglichst senkrecht,
|
||
Spielfeldrand sollte vollständig sichtbar sein.
|
||
</div>
|
||
|
||
<div class="step">
|
||
<strong>5.</strong> AprilTag-Marker (Familie <code>tag36h11</code>) auf den
|
||
Robotern befestigen — flach aufliegen, deutlich sichtbar von oben.
|
||
</div>
|
||
|
||
<button onclick="location.href='/view'">Tracker starten →</button>
|
||
</div>
|
||
</body>
|
||
</html>
|