easyproctor-hml 2.5.10 → 2.5.11

package/README.md

@@ -263,6 +263,14 @@ const {
   token: "...",
 });
 ```
+## Release Note V 2.4.0
+- Compatibilidade com dispositivos móveis
+
+## Release Note V 2.3.3
+- Correção do reset no startSession
+
+## Release Note V 2.3.2
+- Melhorias no fluxo da câmera externa (reset e goToExternalCameraPositionStep)
 
 ## Release Note V 2.4.0
 - Compatibilidade com dispositivos móveis implementada

package/esm/index.js

@@ -6369,7 +6369,8 @@ var BaseDetection = class {
       description: this.alertTranslate(description),
       type
     });
-    this.error && (this.error.innerText = description);
+    if (this.options.onRealtimeAlertsCallback == null)
+      this.error && (this.error.innerText = description);
   }
   handleOk(description, type) {
     this.options.onRealtimeAlertsCallback && this.options.onRealtimeAlertsCallback({
@@ -6405,6 +6406,18 @@ var BaseDetection = class {
         return "Face detectada";
       case "ok_position_face_detected":
         return "Face na posi\xE7\xE3o correta";
+      case "wrong_face_size_detected":
+        return "Face muito perto da c\xE2mera, afaste-se um pouco mais";
+      case "wrong_face_position_edge_detected":
+        return "Face muito pr\xF3xima da borda, mova-se para o centro da tela";
+      case "wrong_face_position_move_right_detected":
+        return "Face n\xE3o centralizada, mova-se para a direita";
+      case "wrong_face_position_move_left_detected":
+        return "Face n\xE3o centralizada, mova-se para a esquerda";
+      case "wrong_face_position_move_top_detected":
+        return "Face n\xE3o centralizada, mova-se para cima";
+      case "wrong_face_position_move_bottom_detected":
+        return "Face n\xE3o centralizada, mova-se para baixo";
       default:
         return description;
     }
@@ -6499,31 +6512,68 @@ var FaceDetection = class extends BaseDetection {
     }
   }
   verify(result) {
-    var _a2, _b, _c2, _d, _e3, _f, _g, _h, _i3;
+    var _a2;
     if (((_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.detectFace) && result.detections.length !== this.numFacesSent) {
       this.numFacesSent = result.detections.length;
       if (result.detections.length === 0) {
         this.handleAlert("no_face_detected", "face_detection_on_stream");
+        return;
       } else if (result.detections.length > 1) {
         this.handleAlert("multiple_faces_detected", "face_detection_on_stream");
+        return;
       } else {
         this.handleOk("face_ok", "face_detection_on_stream");
       }
     }
-    const faceSize = ((_b = result.detections[0]) == null ? void 0 : _b.keypoints[3].y) - ((_c2 = result.detections[0]) == null ? void 0 : _c2.keypoints[0].y);
-    if (((_d = result.detections[0]) == null ? void 0 : _d.keypoints[4].x) < 0.2 || ((_e3 = result.detections[0]) == null ? void 0 : _e3.keypoints[5].x) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+    if (result.detections.length === 0) return;
+    let face = result.detections[0].boundingBox;
+    let video = document.getElementById(this.classVideo);
+    const imageWidth = video.videoWidth;
+    const imageHeight = video.videoHeight;
+    let failedFacePosition = false;
+    if (imageWidth > imageHeight) {
+      if (face.height / imageHeight > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        failedFacePosition = true;
+        this.emmitedPositionAlert = true;
+      } else if (face.width / imageWidth > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        this.emmitedPositionAlert = true;
+        failedFacePosition = true;
+      }
+    }
+    let start = [face.originX, face.originY];
+    let end = [face.originX + face.width, face.originY + face.height];
+    if (start[0] < 0.1 * face.width || start[1] < 0.2 * face.height || end[0] > imageWidth - 0.1 * face.width || end[1] > imageHeight - 5) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_edge_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_f = result.detections[0]) == null ? void 0 : _f.keypoints[0].y) < 0.2 || ((_g = result.detections[0]) == null ? void 0 : _g.keypoints[0].y) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    let leftGap = start[0];
+    let rightGap = imageWidth - end[0];
+    let topGap = start[1];
+    let bottomGap = imageHeight - end[1];
+    if (leftGap > 2 * rightGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_right_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_h = result.detections[0]) == null ? void 0 : _h.keypoints[3].y) < 0.4 || ((_i3 = result.detections[0]) == null ? void 0 : _i3.keypoints[3].y) > 0.9) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (topGap > 4 * bottomGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_top_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (faceSize > 0.35) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (rightGap > 2 * leftGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_left_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else {
+      failedFacePosition = true;
+    }
+    if (bottomGap > 3 * topGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_bottom_detected", "position_detection_on_stream");
+      this.emmitedPositionAlert = true;
+      failedFacePosition = true;
+    }
+    if (failedFacePosition == false) {
       this.emmitedPositionAlert && this.handleOk("ok_position_face_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = false;
     }
@@ -9086,6 +9136,14 @@ var BackendService = class {
       jwt: this.token
     });
   }
+  async goToExternalCameraPositionStep(externalSessionId) {
+    return await this.makeRequest({
+      path: `/ExternalCamera/go-to-position-step/${externalSessionId}`,
+      method: "POST",
+      body: {},
+      jwt: this.token
+    });
+  }
   async externalCameraFinish(externalSessionId) {
     return await this.makeRequest({
       path: `/ExternalCamera/finish/${externalSessionId}`,
@@ -10820,6 +10878,9 @@ var DeviceCheckerUI = class {
     const center = document.createElement("div");
     video.setAttribute("id", "cameraStream");
     video.muted = true;
+    video.setAttribute("playsinline", "true");
+    video.setAttribute("webkit-playsinline", "true");
+    video.autoplay = true;
     const divCameraStyles = {
       width: "100%",
       display: "flex",
@@ -11248,7 +11309,7 @@ var DeviceCheckerUI = class {
         checkmark_kick_AmbientVerify.setAttribute("class", "checkmark_kick");
       }
     } else {
-      if (checkmark_FacePosition && (response.description === "Nenhuma face encontrada" || response.description === "Face na posi\xE7\xE3o errada")) {
+      if (checkmark_FacePosition && response.type === "position_detection_on_stream") {
         facePositionAlert && (facePositionAlert.style.color = "#FF0000");
         checkmark_FacePosition.setAttribute("class", "checkmark_error");
         checkmark_stem_FacePosition.setAttribute("class", "checkmark_stem_error");
@@ -11353,7 +11414,9 @@ Para iniciar um exame utilize uma outra c\xE2mera.`);
     const cameraStream = document.querySelector("#cameraStream");
     if (cameraStream) {
       cameraStream.srcObject = stream;
-      cameraStream.play();
+      cameraStream.play().catch((e3) => {
+        console.warn("Erro ao iniciar preview de v\xEDdeo:", e3);
+      });
     }
   }
   audioDeviceInterfaceUIAllowedAmbient(allowedAmbient) {
@@ -11812,7 +11875,9 @@ var CapturePhoto = class {
     );
     await this.cameraRecorder.startRecording();
     cameraContainer.srcObject = this.cameraRecorder.cameraStream;
-    cameraContainer.play();
+    cameraContainer.play().catch((e3) => {
+      console.warn("Autoplay bloqueado ou erro ao iniciar v\xEDdeo:", e3);
+    });
   }
   shot() {
     const cameraContainer = document.querySelector("#cameraStream");
@@ -11905,6 +11970,9 @@ var CapturePhoto = class {
       const video = document.createElement("video");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
+      video.setAttribute("playsinline", "true");
+      video.setAttribute("webkit-playsinline", "true");
+      video.autoplay = true;
       divCamera.style.position = "fixed";
       divCamera.style.top = "0";
       divCamera.style.left = "0";
@@ -18154,15 +18222,12 @@ var _ExternalCameraChecker = class _ExternalCameraChecker {
     }
   }
   async goToPositionGuide() {
-    if (this.connection) {
-      const actionMessage = new ActionMessage();
-      actionMessage.command = "Position_Guide";
-      console.log("Enviando comando 'Position_Guide' para o aplicativo...");
-      this.connection.invoke(
-        "SendAction",
-        this.externalSessionId,
-        actionMessage
-      );
+    try {
+      const response = await this.backend.goToExternalCameraPositionStep("" + this.externalSessionId);
+      console.log(response);
+    } catch (error) {
+      console.error("Erro ao enviar comando de Position:", error);
+      throw new Error("N\xE3o foi poss\xEDvel enviar comando de Position Guide.");
     }
   }
   async reset() {

package/index.js

@@ -23654,7 +23654,8 @@ var BaseDetection = class {
       description: this.alertTranslate(description),
       type
     });
-    this.error && (this.error.innerText = description);
+    if (this.options.onRealtimeAlertsCallback == null)
+      this.error && (this.error.innerText = description);
   }
   handleOk(description, type) {
     this.options.onRealtimeAlertsCallback && this.options.onRealtimeAlertsCallback({
@@ -23690,6 +23691,18 @@ var BaseDetection = class {
         return "Face detectada";
       case "ok_position_face_detected":
         return "Face na posi\xE7\xE3o correta";
+      case "wrong_face_size_detected":
+        return "Face muito perto da c\xE2mera, afaste-se um pouco mais";
+      case "wrong_face_position_edge_detected":
+        return "Face muito pr\xF3xima da borda, mova-se para o centro da tela";
+      case "wrong_face_position_move_right_detected":
+        return "Face n\xE3o centralizada, mova-se para a direita";
+      case "wrong_face_position_move_left_detected":
+        return "Face n\xE3o centralizada, mova-se para a esquerda";
+      case "wrong_face_position_move_top_detected":
+        return "Face n\xE3o centralizada, mova-se para cima";
+      case "wrong_face_position_move_bottom_detected":
+        return "Face n\xE3o centralizada, mova-se para baixo";
       default:
         return description;
     }
@@ -23784,31 +23797,68 @@ var FaceDetection = class extends BaseDetection {
     }
   }
   verify(result) {
-    var _a2, _b, _c2, _d, _e3, _f, _g, _h, _i3;
+    var _a2;
     if (((_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.detectFace) && result.detections.length !== this.numFacesSent) {
       this.numFacesSent = result.detections.length;
       if (result.detections.length === 0) {
         this.handleAlert("no_face_detected", "face_detection_on_stream");
+        return;
       } else if (result.detections.length > 1) {
         this.handleAlert("multiple_faces_detected", "face_detection_on_stream");
+        return;
       } else {
         this.handleOk("face_ok", "face_detection_on_stream");
       }
     }
-    const faceSize = ((_b = result.detections[0]) == null ? void 0 : _b.keypoints[3].y) - ((_c2 = result.detections[0]) == null ? void 0 : _c2.keypoints[0].y);
-    if (((_d = result.detections[0]) == null ? void 0 : _d.keypoints[4].x) < 0.2 || ((_e3 = result.detections[0]) == null ? void 0 : _e3.keypoints[5].x) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+    if (result.detections.length === 0) return;
+    let face = result.detections[0].boundingBox;
+    let video = document.getElementById(this.classVideo);
+    const imageWidth = video.videoWidth;
+    const imageHeight = video.videoHeight;
+    let failedFacePosition = false;
+    if (imageWidth > imageHeight) {
+      if (face.height / imageHeight > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        failedFacePosition = true;
+        this.emmitedPositionAlert = true;
+      } else if (face.width / imageWidth > 0.7) {
+        !this.emmitedPositionAlert && this.handleAlert("wrong_face_size_detected", "position_detection_on_stream");
+        this.emmitedPositionAlert = true;
+        failedFacePosition = true;
+      }
+    }
+    let start = [face.originX, face.originY];
+    let end = [face.originX + face.width, face.originY + face.height];
+    if (start[0] < 0.1 * face.width || start[1] < 0.2 * face.height || end[0] > imageWidth - 0.1 * face.width || end[1] > imageHeight - 5) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_edge_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_f = result.detections[0]) == null ? void 0 : _f.keypoints[0].y) < 0.2 || ((_g = result.detections[0]) == null ? void 0 : _g.keypoints[0].y) > 0.8) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    let leftGap = start[0];
+    let rightGap = imageWidth - end[0];
+    let topGap = start[1];
+    let bottomGap = imageHeight - end[1];
+    if (leftGap > 2 * rightGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_right_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (((_h = result.detections[0]) == null ? void 0 : _h.keypoints[3].y) < 0.4 || ((_i3 = result.detections[0]) == null ? void 0 : _i3.keypoints[3].y) > 0.9) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (topGap > 4 * bottomGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_top_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else if (faceSize > 0.35) {
-      !this.emmitedPositionAlert && this.handleAlert("wrong_position_face_detected", "position_detection_on_stream");
+      failedFacePosition = true;
+    }
+    if (rightGap > 2 * leftGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_left_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = true;
-    } else {
+      failedFacePosition = true;
+    }
+    if (bottomGap > 3 * topGap) {
+      !this.emmitedPositionAlert && this.handleAlert("wrong_face_position_move_bottom_detected", "position_detection_on_stream");
+      this.emmitedPositionAlert = true;
+      failedFacePosition = true;
+    }
+    if (failedFacePosition == false) {
       this.emmitedPositionAlert && this.handleOk("ok_position_face_detected", "position_detection_on_stream");
       this.emmitedPositionAlert = false;
     }
@@ -27183,6 +27233,14 @@ var BackendService = class {
       jwt: this.token
     });
   }
+  async goToExternalCameraPositionStep(externalSessionId) {
+    return await this.makeRequest({
+      path: `/ExternalCamera/go-to-position-step/${externalSessionId}`,
+      method: "POST",
+      body: {},
+      jwt: this.token
+    });
+  }
   async externalCameraFinish(externalSessionId) {
     return await this.makeRequest({
       path: `/ExternalCamera/finish/${externalSessionId}`,
@@ -28917,6 +28975,9 @@ var DeviceCheckerUI = class {
     const center = document.createElement("div");
     video.setAttribute("id", "cameraStream");
     video.muted = true;
+    video.setAttribute("playsinline", "true");
+    video.setAttribute("webkit-playsinline", "true");
+    video.autoplay = true;
     const divCameraStyles = {
       width: "100%",
       display: "flex",
@@ -29345,7 +29406,7 @@ var DeviceCheckerUI = class {
         checkmark_kick_AmbientVerify.setAttribute("class", "checkmark_kick");
       }
     } else {
-      if (checkmark_FacePosition && (response.description === "Nenhuma face encontrada" || response.description === "Face na posi\xE7\xE3o errada")) {
+      if (checkmark_FacePosition && response.type === "position_detection_on_stream") {
         facePositionAlert && (facePositionAlert.style.color = "#FF0000");
         checkmark_FacePosition.setAttribute("class", "checkmark_error");
         checkmark_stem_FacePosition.setAttribute("class", "checkmark_stem_error");
@@ -29450,7 +29511,9 @@ Para iniciar um exame utilize uma outra c\xE2mera.`);
     const cameraStream = document.querySelector("#cameraStream");
     if (cameraStream) {
       cameraStream.srcObject = stream4;
-      cameraStream.play();
+      cameraStream.play().catch((e3) => {
+        console.warn("Erro ao iniciar preview de v\xEDdeo:", e3);
+      });
     }
   }
   audioDeviceInterfaceUIAllowedAmbient(allowedAmbient) {
@@ -29909,7 +29972,9 @@ var CapturePhoto = class {
     );
     await this.cameraRecorder.startRecording();
     cameraContainer.srcObject = this.cameraRecorder.cameraStream;
-    cameraContainer.play();
+    cameraContainer.play().catch((e3) => {
+      console.warn("Autoplay bloqueado ou erro ao iniciar v\xEDdeo:", e3);
+    });
   }
   shot() {
     const cameraContainer = document.querySelector("#cameraStream");
@@ -30002,6 +30067,9 @@ var CapturePhoto = class {
       const video = document.createElement("video");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
+      video.setAttribute("playsinline", "true");
+      video.setAttribute("webkit-playsinline", "true");
+      video.autoplay = true;
       divCamera.style.position = "fixed";
       divCamera.style.top = "0";
       divCamera.style.left = "0";
@@ -33403,15 +33471,12 @@ var _ExternalCameraChecker = class _ExternalCameraChecker {
     }
   }
   async goToPositionGuide() {
-    if (this.connection) {
-      const actionMessage = new ActionMessage();
-      actionMessage.command = "Position_Guide";
-      console.log("Enviando comando 'Position_Guide' para o aplicativo...");
-      this.connection.invoke(
-        "SendAction",
-        this.externalSessionId,
-        actionMessage
-      );
+    try {
+      const response = await this.backend.goToExternalCameraPositionStep("" + this.externalSessionId);
+      console.log(response);
+    } catch (error) {
+      console.error("Erro ao enviar comando de Position:", error);
+      throw new Error("N\xE3o foi poss\xEDvel enviar comando de Position Guide.");
     }
   }
   async reset() {

package/new-flow/backend/BackendService.d.ts

@@ -18,6 +18,7 @@ export declare class BackendService {
     externalCameraCheckTransmission(externalSessionId: string): Promise<any>;
     externalCameraStartTransmission(externalSessionId: string, proctoringId: string): Promise<any>;
     externalCameraStartSession(): Promise<any>;
+    goToExternalCameraPositionStep(externalSessionId: string): Promise<any>;
     externalCameraFinish(externalSessionId: string): Promise<any>;
     confirmStart(proctoringOptions: {
         examId: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easyproctor-hml",
-  "version": "2.5.10",
+  "version": "2.5.11",
   "description": "Modulo web de gravação do EasyProctor",
   "main": "./index.js",
   "module": "./esm/index.js",