kangmin/presensi_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rekam wajah setelah register: screen/modal, kirim frame ke enroll-live, integrasi flow

Browse Source
This commit is contained in:
mwpn
2026-03-08 14:32:13 +07:00
parent b61f6579ee
commit d3a08aa9d3
2 changed files with 201 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -315,6 +315,27 @@
</div>
</div>
<!-- Modal Rekam Wajah (saat daftar pertama) -->
<div id="enroll-face-modal" class="modal modal-overlay hidden">
<div class="modal-backdrop" id="enroll-face-backdrop"></div>
<div class="modal-panel modal-panel-camera">
<div class="modal-panel-header">
<h2 class="modal-panel-title">Rekam Wajah (Wajib)</h2>
</div>
<div class="modal-panel-body">
<p class="modal-panel-hint">Arahkan wajah ke kamera lalu tekan <strong>Rekam</strong>. Data wajah dari HP dipakai untuk verifikasi saat absen masuk/pulang.</p>
<p id="enroll-face-status" class="camera-face-status hidden"></p>
<div class="camera-frame">
<video id="enroll-face-video" class="camera-video" playsinline autoplay muted></video>
<div id="enroll-face-error" class="camera-frame-error hidden">Kamera tidak tersedia atau izin ditolak.</div>
</div>
<div class="modal-panel-actions">
<button type="button" id="enroll-face-start" class="btn-primary btn-full">Rekam (3–5 foto)</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/face-api.js@0.22.2/dist/face-api.min.js"></script>
<script src="./app.js"></script>
<script>