Spaces:
Running
Running
Tune controls for forward-facing robot camera
Browse files- index.html +7 -7
- main.js +2 -2
index.html
CHANGED
|
@@ -84,13 +84,13 @@
|
|
| 84 |
<span id="streamingStatus">Starting Reachy cameraβ¦</span>
|
| 85 |
</div>
|
| 86 |
<div class="robot-name" id="robotName"></div>
|
| 87 |
-
<label class="toggle">
|
| 88 |
-
<input type="checkbox" id="toggleMaster" checked />
|
| 89 |
-
<span>Robot follows
|
| 90 |
-
</label>
|
| 91 |
-
<label class="toggle">
|
| 92 |
-
<input type="checkbox" id="toggleMirror"
|
| 93 |
-
<span>Mirror
|
| 94 |
</label>
|
| 95 |
<button class="btn btn-secondary" id="btnReset">Reset tuner</button>
|
| 96 |
<button class="btn btn-secondary" id="btnSnapshot">Save snapshot</button>
|
|
|
|
| 84 |
<span id="streamingStatus">Starting Reachy cameraβ¦</span>
|
| 85 |
</div>
|
| 86 |
<div class="robot-name" id="robotName"></div>
|
| 87 |
+
<label class="toggle">
|
| 88 |
+
<input type="checkbox" id="toggleMaster" checked />
|
| 89 |
+
<span>Robot follows the face it sees</span>
|
| 90 |
+
</label>
|
| 91 |
+
<label class="toggle">
|
| 92 |
+
<input type="checkbox" id="toggleMirror" />
|
| 93 |
+
<span>Mirror view + yaw</span>
|
| 94 |
</label>
|
| 95 |
<button class="btn btn-secondary" id="btnReset">Reset tuner</button>
|
| 96 |
<button class="btn btn-secondary" id="btnSnapshot">Save snapshot</button>
|
main.js
CHANGED
|
@@ -397,7 +397,7 @@ const FEATURE_GROUPS = [
|
|
| 397 |
const ALL_FEATURES = FEATURE_GROUPS.flatMap((g) => g.features);
|
| 398 |
|
| 399 |
function isMaster() { return $("toggleMaster")?.checked ?? false; }
|
| 400 |
-
function isMirror() { return $("toggleMirror")?.checked ??
|
| 401 |
|
| 402 |
// βββ DOM helpers βββββββββββββββββββββββββββββββββββββββββββ
|
| 403 |
const $ = (id) => document.getElementById(id);
|
|
@@ -1336,7 +1336,7 @@ onDomReady(() => {
|
|
| 1336 |
config.headAmp = fresh.headAmp;
|
| 1337 |
config.headRules = fresh.headRules;
|
| 1338 |
config.rules = fresh.rules;
|
| 1339 |
-
$("toggleMirror").checked =
|
| 1340 |
applyMirrorClass();
|
| 1341 |
renderTuner();
|
| 1342 |
});
|
|
|
|
| 397 |
const ALL_FEATURES = FEATURE_GROUPS.flatMap((g) => g.features);
|
| 398 |
|
| 399 |
function isMaster() { return $("toggleMaster")?.checked ?? false; }
|
| 400 |
+
function isMirror() { return $("toggleMirror")?.checked ?? false; }
|
| 401 |
|
| 402 |
// βββ DOM helpers βββββββββββββββββββββββββββββββββββββββββββ
|
| 403 |
const $ = (id) => document.getElementById(id);
|
|
|
|
| 1336 |
config.headAmp = fresh.headAmp;
|
| 1337 |
config.headRules = fresh.headRules;
|
| 1338 |
config.rules = fresh.rules;
|
| 1339 |
+
$("toggleMirror").checked = false;
|
| 1340 |
applyMirrorClass();
|
| 1341 |
renderTuner();
|
| 1342 |
});
|