42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
<div class="sections">
|
||
|
||
<div class="section full">
|
||
<h2>Board – ArUco & Kamera-Pose</h2>
|
||
<div class="info-grid" style="margin-top: 14px;">
|
||
<span class="info-label">Ablauf</span>
|
||
<span class="info-value" style="font-family: inherit; font-size: 13px; color: var(--muted);">
|
||
Foto aufnehmen → ArUco erkennen → Kamera-Pose schätzen
|
||
</span>
|
||
<span class="info-label">Schritte</span>
|
||
<span class="info-value" style="font-family: inherit; font-size: 13px; color: var(--muted);">
|
||
1_detect_aruco_observations → 2_estimate_camera_from_observations
|
||
</span>
|
||
<span class="info-label">Letzter Run</span>
|
||
<span class="info-value" id="board-last-run">–</span>
|
||
</div>
|
||
<div class="controls" style="margin-top: 16px;">
|
||
<button id="btn-board-run">Board erkennen</button>
|
||
<button disabled title="Folgt später">Ergebnis anzeigen</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Ausgabe / Log</h2>
|
||
<textarea id="log-board" readonly placeholder="(Ausgabe erscheint hier)"></textarea>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Board-Viewer</h2>
|
||
<p style="font-size: 12px; color: var(--muted); margin-bottom: 10px;">
|
||
Wird nach jedem Board-Run automatisch aktualisiert.
|
||
</p>
|
||
<iframe
|
||
id="board-viewer-frame"
|
||
src="/boardViewer.html"
|
||
style="width: 100%; height: 520px; border: 1px solid #334155; border-radius: 6px; background: #0d0f13; display: block;"
|
||
title="Board-Viewer"
|
||
></iframe>
|
||
</div>
|
||
|
||
</div>
|