From 5bbbe2303c549c4a3b4d50a6ca9d20320599f1bb Mon Sep 17 00:00:00 2001
From: Kavalar <apuc06@mail.ru>
Date: Thu, 17 Sep 2026 15:07:45 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BA=D0=B0=D0=BD=D0=B8=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5:=20=D0=BE=D0=B2=D0=B0=D0=BB-?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D0=B0=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=BB=D0=B8=D1=86=D0=B0=20+=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D0=BF=D0=B0=D1=81=2010%=20=D0=BF=D1=80=D0=B8=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=85=D0=B2=D0=B0=D1=82=D0=B5=20(=D0=B3=D0=BE=D0=BB=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=20=D0=BD=D0=B5=20=D0=BE=D0=B1=D1=80=D0=B5=D0=B7?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82=D1=81=D1=8F)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/index.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index fb571b0..5030c4b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -190,6 +190,16 @@
             object-fit: cover;
             transform: scaleX(-1);
         }
+        /* Овал — безопасная зона: лицо должно помещаться в него целиком */
+        .scan-oval {
+            position: absolute;
+            inset: 12%;
+            border: 3px solid rgba(255, 255, 255, 0.9);
+            border-radius: 50%;
+            box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4);
+            pointer-events: none;
+            z-index: 2;
+        }
         .scan-progress { color: #fff; margin-top: 20px; font-size: 16px; text-align: center; }
         .scan-progress-bar {
             width: 280px;
@@ -414,6 +424,7 @@
     <div class="scan-modal" id="scanModal">
         <div class="scan-video-wrap">
             <video class="scan-video" id="scanVideo" autoplay playsinline muted></video>
+            <div class="scan-oval"></div>
         </div>
         <div class="scan-progress">
             <div id="scanProgressText">Кадров: 0 / 300 (0%)</div>
@@ -422,7 +433,7 @@
             </div>
         </div>
         <button class="scan-cancel" id="scanCancelBtn">✖ Отмена</button>
-        <div class="scan-hint">Держите лицо в круге, смотрите прямо в камеру, не двигайтесь</div>
+        <div class="scan-hint">Поместите лицо в овал целиком: лоб, глаза и подбородок — с запасом. Если голова не помещается — отодвиньте телефон</div>
     </div>
 
     <script>
@@ -719,11 +730,13 @@
                     return;
                 }
                 if (ts - scanLastFrameTime >= FRAME_INTERVAL) {
-                    // Квадратный center-crop: берём центральную квадратную область из видео.
+                    // Квадратный center-crop с запасом 10%: берём чуть меньший
+                    // квадрат, чтобы голова гарантированно помещалась целиком
+                    // (иначе SDK не находит лицо из-за обрезанной головы).
                     const vw = scanVideo.videoWidth;
                     const vh = scanVideo.videoHeight;
                     if (vw && vh) {
-                        const side = Math.min(vw, vh);
+                        const side = Math.min(vw, vh) * 0.9;
                         const sx = (vw - side) / 2;
                         const sy = (vh - side) / 2;
                         scanCtx.drawImage(scanVideo, sx, sy, side, side, 0, 0, 1080, 1080);