easyproctor 1.1.10 → 1.1.11

package/esm/index.js

@@ -17889,11 +17889,13 @@ function validatePartialVideoOptions(options) {
 // src/proctoring/DeviceChecker.ts
 var DeviceChecker = class {
   constructor() {
+    this.videoOptions = { width: 1080, height: 720, minWidth: 0, minHeight: 0 };
     this.volumeMedia = 0;
     this.volumeSum = 0;
     this.volumeCounter = 0;
+    this.allowedResolution = true;
   }
-  async checkDevices(options = getDefaultProctoringOptions, _videoOptions = { width: 1080, height: 720 }) {
+  async checkDevices(options = getDefaultProctoringOptions, _videoOptions) {
     this.options = {
       ...getDefaultProctoringOptions,
       ...options,
@@ -17901,16 +17903,25 @@ var DeviceChecker = class {
       allowMultipleMonitors: true,
       allowOnlyFirstMonitor: false
     };
-    this.videoOptions = _videoOptions;
+    this.videoOptions = { ...this.videoOptions, ..._videoOptions };
     const { cameraId, microphoneId } = await this.checkDevicesInterface();
     return new Promise((resolve) => {
       resolve({
         cameraId,
         microphoneId,
-        volumeRange: this.volumeMedia
+        volumeRange: this.volumeMedia,
+        allowedResolution: this.allowedResolution
       });
     });
   }
+  isUnderResolution() {
+    const settings = this.cameraRecorder.cameraStream.getVideoTracks()[0].getSettings();
+    const error = document.getElementById("cameraError");
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      this.allowedResolution = false;
+      error.innerText = `A c\xE2mera n\xE3o satisfaz a resolu\xE7\xE3o m\xEDnima exigida (${this.videoOptions.minWidth}x${this.videoOptions.minHeight}). Para iniciar um exame utilize uma outra c\xE2mera.`;
+    }
+  }
   checkDevicesInterface() {
     return new Promise((resolve) => {
       const fullBg = document.createElement("div");
@@ -17961,8 +17972,18 @@ var DeviceChecker = class {
       divCameraHeader.appendChild(h3Camera);
       divCameraHeader.appendChild(selectCamera);
       modal.appendChild(divCameraHeader);
+      const divCameraError = document.createElement("div");
+      const error = document.createElement("error");
+      error.setAttribute("id", "cameraError");
+      divCameraError.style.width = "calc(100% - 40px)";
+      divCameraError.style.marginBottom = "5px";
+      error.style.color = "#FF0000";
+      error.style.textAlign = "left";
+      divCameraError.appendChild(error);
+      modal.appendChild(divCameraError);
       const divCamera = document.createElement("div");
       const video = document.createElement("video");
+      const center = document.createElement("div");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
       divCamera.style.width = "calc(100% - 40px)";
@@ -17975,6 +17996,7 @@ var DeviceChecker = class {
       video.style.backgroundColor = "#000";
       video.style.borderRadius = "10px";
       video.style.marginBottom = "15px";
+      divCamera.appendChild(center);
       divCamera.appendChild(video);
       modal.appendChild(divCamera);
       const divMicHeader = document.createElement("div");
@@ -18067,6 +18089,7 @@ var DeviceChecker = class {
     if (cameraStream) {
       cameraStream.srcObject = stream;
       cameraStream.play();
+      this.isUnderResolution();
     }
   }
   audioDeviceInterface(stream) {

package/index.js

@@ -29437,11 +29437,13 @@ function validatePartialVideoOptions(options) {
 // src/proctoring/DeviceChecker.ts
 var DeviceChecker = class {
   constructor() {
+    this.videoOptions = { width: 1080, height: 720, minWidth: 0, minHeight: 0 };
     this.volumeMedia = 0;
     this.volumeSum = 0;
     this.volumeCounter = 0;
+    this.allowedResolution = true;
   }
-  async checkDevices(options = getDefaultProctoringOptions, _videoOptions = { width: 1080, height: 720 }) {
+  async checkDevices(options = getDefaultProctoringOptions, _videoOptions) {
     this.options = {
       ...getDefaultProctoringOptions,
       ...options,
@@ -29449,16 +29451,25 @@ var DeviceChecker = class {
       allowMultipleMonitors: true,
       allowOnlyFirstMonitor: false
     };
-    this.videoOptions = _videoOptions;
+    this.videoOptions = { ...this.videoOptions, ..._videoOptions };
     const { cameraId, microphoneId } = await this.checkDevicesInterface();
     return new Promise((resolve) => {
       resolve({
         cameraId,
         microphoneId,
-        volumeRange: this.volumeMedia
+        volumeRange: this.volumeMedia,
+        allowedResolution: this.allowedResolution
       });
     });
   }
+  isUnderResolution() {
+    const settings = this.cameraRecorder.cameraStream.getVideoTracks()[0].getSettings();
+    const error = document.getElementById("cameraError");
+    if (this.videoOptions.minWidth > settings.width || this.videoOptions.minHeight > settings.height) {
+      this.allowedResolution = false;
+      error.innerText = `A c\xE2mera n\xE3o satisfaz a resolu\xE7\xE3o m\xEDnima exigida (${this.videoOptions.minWidth}x${this.videoOptions.minHeight}). Para iniciar um exame utilize uma outra c\xE2mera.`;
+    }
+  }
   checkDevicesInterface() {
     return new Promise((resolve) => {
       const fullBg = document.createElement("div");
@@ -29509,8 +29520,18 @@ var DeviceChecker = class {
       divCameraHeader.appendChild(h3Camera);
       divCameraHeader.appendChild(selectCamera);
       modal.appendChild(divCameraHeader);
+      const divCameraError = document.createElement("div");
+      const error = document.createElement("error");
+      error.setAttribute("id", "cameraError");
+      divCameraError.style.width = "calc(100% - 40px)";
+      divCameraError.style.marginBottom = "5px";
+      error.style.color = "#FF0000";
+      error.style.textAlign = "left";
+      divCameraError.appendChild(error);
+      modal.appendChild(divCameraError);
       const divCamera = document.createElement("div");
       const video = document.createElement("video");
+      const center = document.createElement("div");
       video.setAttribute("id", "cameraStream");
       video.muted = true;
       divCamera.style.width = "calc(100% - 40px)";
@@ -29523,6 +29544,7 @@ var DeviceChecker = class {
       video.style.backgroundColor = "#000";
       video.style.borderRadius = "10px";
       video.style.marginBottom = "15px";
+      divCamera.appendChild(center);
       divCamera.appendChild(video);
       modal.appendChild(divCamera);
       const divMicHeader = document.createElement("div");
@@ -29615,6 +29637,7 @@ var DeviceChecker = class {
     if (cameraStream) {
       cameraStream.srcObject = stream4;
       cameraStream.play();
+      this.isUnderResolution();
     }
   }
   audioDeviceInterface(stream4) {

package/package.json

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

package/proctoring/DeviceChecker.d.ts

@@ -8,6 +8,7 @@ export interface checkDevicesReturn {
     cameraId: string;
     microphoneId: string;
     volumeRange: number;
+    allowedResolution: boolean;
 }
 export declare class DeviceChecker {
     private options;
@@ -17,8 +18,10 @@ export declare class DeviceChecker {
     private volumeMedia;
     private volumeSum;
     private volumeCounter;
+    private allowedResolution;
     constructor();
-    checkDevices(options?: ProctoringSessionOptions, _videoOptions?: ProctoringVideoOptions): Promise<checkDevicesReturn>;
+    checkDevices(options: ProctoringSessionOptions | undefined, _videoOptions: ProctoringVideoOptions): Promise<checkDevicesReturn>;
+    private isUnderResolution;
     private checkDevicesInterface;
     private videoDeviceInterface;
     private audioDeviceInterface;

package/proctoring/useProctoring.d.ts

@@ -10,7 +10,7 @@ export declare function useProctoring(proctoringOptions: ProctoringContext, envi
     onNoiseDetected: (cb: () => void) => void;
     onChangeDevices: (options?: import("./proctoring").ProctoringChangeDevicesOptions) => Promise<void>;
     onBufferSizeError: (cb: () => void) => void;
-    checkDevices: (options?: import("./options/ProctoringOptions").ProctoringSessionOptions, _videoOptions?: import("./options/ProctoringVideoOptions").ProctoringVideoOptions) => Promise<import("./DeviceChecker").checkDevicesReturn>;
+    checkDevices: (options: import("./options/ProctoringOptions").ProctoringSessionOptions | undefined, _videoOptions: import("./options/ProctoringVideoOptions").ProctoringVideoOptions) => Promise<import("./DeviceChecker").checkDevicesReturn>;
     capturePhoto: (title: string, subtitle: string, resolution?: import("./CapturePhoto").IResolution) => Promise<import("./CapturePhoto").cameraInterface>;
     pause: () => Promise<void>;
     resume: () => Promise<{