feat: 设置面板分组整理 + 人员时间精确到秒

This commit is contained in:
2026-04-17 10:49:44 +08:00
parent 57437de02d
commit 79979b2ffb
4 changed files with 105 additions and 68 deletions

View File

@@ -138,40 +138,59 @@
</div>
<div class="settings-section">
<h4>Detection Algorithms</h4>
<h4>👤 Person Detection (YOLO)</h4>
<div class="setting-item">
<label>YOLO (Most Accurate):</label>
<label>Enable YOLO:</label>
<input type="checkbox" id="setting-use-yolo" checked>
<span class="setting-desc">YOLOv8 nano - Best accuracy</span>
<span class="setting-desc">Human body detection</span>
</div>
<div class="setting-item">
<label>MediaPipe Face:</label>
<input type="checkbox" id="setting-use-mediapipe" checked>
<span class="setting-desc">High precision face detection</span>
</div>
<div class="setting-item">
<label>Haar Cascade Body:</label>
<input type="checkbox" id="setting-use-haar">
<span class="setting-desc">Traditional body detection (backup)</span>
</div>
<div class="setting-item">
<label>Face Recognition:</label>
<input type="checkbox" id="setting-use-face-rec" checked>
<span class="setting-desc">Identify same person</span>
<label>Min Confidence:</label>
<input type="number" id="setting-yolo-confidence" value="0.3" min="0.1" max="1" step="0.1">
<span class="setting-desc">Detection threshold (lower = more sensitive)</span>
</div>
</div>
<div class="settings-section">
<h4>Confirmation Settings</h4>
<h4>🔍 Person Identification</h4>
<div class="setting-item">
<label>Face Recognition:</label>
<input type="checkbox" id="setting-use-face-rec" checked>
<span class="setting-desc">Best accuracy (requires dlib)</span>
</div>
<div class="setting-item">
<label>MediaPipe Face:</label>
<input type="checkbox" id="setting-use-mediapipe" checked>
<span class="setting-desc">Face landmarks detection</span>
</div>
<div class="setting-item">
<label>Color Histogram:</label>
<input type="checkbox" id="setting-use-color-hist" checked>
<span class="setting-desc">Backup method</span>
</div>
<div class="setting-item">
<label>Match Threshold:</label>
<input type="number" id="setting-match-threshold" value="0.6" min="0.1" max="1" step="0.1">
<span class="setting-desc">Lower = stricter matching</span>
</div>
</div>
<div class="settings-section">
<h4>✅ Confirmation Settings</h4>
<div class="setting-item">
<label>Confirm Frames:</label>
<input type="number" id="setting-confirm-frames" value="3" min="1" max="10">
<span class="setting-desc">Frames to confirm detection</span>
<span class="setting-desc">Frames to confirm change</span>
</div>
<div class="setting-item">
<label>Min Confidence:</label>
<input type="number" id="setting-min-confidence" value="0.3" min="0.1" max="1" step="0.1">
<span class="setting-desc">Detection confidence threshold</span>
<label>Leave Frames:</label>
<input type="number" id="setting-leave-frames" value="2" min="1" max="10">
<span class="setting-desc">Frames to confirm leaving</span>
</div>
</div>
<div class="settings-section">
<h4>🤖 AI Analysis</h4>
</div>
</div>