easyproctor 2.5.4 → 2.5.5

package/README.md

@@ -263,6 +263,10 @@ const {
   token: "...",
 });
 ```
+
+## Release Note V 2.5.4
+- Fix: Correção sobre as imagens do realtime
+
 ## Release Note V 2.5.4
 - Novos alertas de tela (Clipboard, SplitScreen)
 - Ajustes na detecção de foco da tela

package/esm/index.js

@@ -12777,13 +12777,21 @@ var CameraRecorder = class {
     }
   }
   configImageCapture() {
+    var _a2;
     this.video = document.createElement("video");
     this.canvas = document.createElement("canvas");
     this.video.srcObject = this.cameraStream;
     this.video.play();
     this.video.muted = true;
-    this.canvas.width = this.videoOptions.width;
-    this.canvas.height = this.videoOptions.height;
+    const isPortrait = (_a2 = screen.orientation) == null ? void 0 : _a2.type.includes("portrait");
+    if (isPortrait && isMobileDevice()) {
+      console.log("configurando canvas em portrait");
+      this.canvas.width = this.videoOptions.height / 2;
+      this.canvas.height = this.videoOptions.width / 2;
+    } else {
+      this.canvas.width = this.videoOptions.width / 2;
+      this.canvas.height = this.videoOptions.height / 2;
+    }
   }
   async bufferError(e3) {
     var _a2, _b;
@@ -12988,16 +12996,9 @@ Setting: ${JSON.stringify(settings, null, 2)}`
     var _a2, _b;
     let imageFile;
     this.configImageCapture();
-    let newCanvasWidth = this.videoOptions.width / 2;
-    let newCanvasHeight = this.videoOptions.height / 2;
-    if (newCanvasWidth < 320) newCanvasWidth = 320;
-    if (newCanvasHeight < 180) newCanvasHeight = 180;
-    this.canvas.width = newCanvasWidth;
-    this.canvas.height = newCanvasHeight;
     const packSize = (_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.realtimePackageSize;
     this.imageCount = 0;
     this.imageInterval = setInterval(async () => {
-      console.log("capturando frame " + this.imageCount);
       this.canvas.getContext("2d").drawImage(this.video, 0, 0, this.canvas.width, this.canvas.height);
       const image_data_url = this.canvas.toDataURL("image/jpeg");
       if (this.proctoringId == void 0) return;
@@ -13129,45 +13130,6 @@ Setting: ${JSON.stringify(settings, null, 2)}`
     }
     this.noiseWait++;
   }
-  /**
-   * Cria um stream processado onde os frames são rotacionados via Canvas.
-   * Isso corrige o problema de gravação deitada em iOS/Mobile.
-   */
-  createRotatedStream(originalStream) {
-    this.internalClonedStream = originalStream.clone();
-    const video = document.createElement("video");
-    video.srcObject = this.internalClonedStream;
-    video.muted = true;
-    video.play();
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
-    const track = originalStream.getVideoTracks()[0];
-    const settings = track.getSettings();
-    const width = settings.width || 640;
-    const height = settings.height || 480;
-    canvas.width = height;
-    canvas.height = width;
-    const draw = () => {
-      if (video.paused || video.ended) return;
-      if (!this.isCanvasLoopActive) return;
-      if (ctx) {
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-      }
-      if (this.isCanvasLoopActive) {
-        this.animationFrameId = requestAnimationFrame(draw);
-      }
-    };
-    video.onplaying = () => {
-      this.isCanvasLoopActive = true;
-      draw();
-    };
-    const canvasStream = canvas.captureStream(30);
-    originalStream.getAudioTracks().forEach((track2) => {
-      canvasStream.addTrack(track2);
-    });
-    return canvasStream;
-  }
 };
 
 // src/new-flow/checkers/DeviceCheckerUI.ts

package/index.js

@@ -30874,13 +30874,21 @@ var CameraRecorder = class {
     }
   }
   configImageCapture() {
+    var _a2;
     this.video = document.createElement("video");
     this.canvas = document.createElement("canvas");
     this.video.srcObject = this.cameraStream;
     this.video.play();
     this.video.muted = true;
-    this.canvas.width = this.videoOptions.width;
-    this.canvas.height = this.videoOptions.height;
+    const isPortrait = (_a2 = screen.orientation) == null ? void 0 : _a2.type.includes("portrait");
+    if (isPortrait && isMobileDevice()) {
+      console.log("configurando canvas em portrait");
+      this.canvas.width = this.videoOptions.height / 2;
+      this.canvas.height = this.videoOptions.width / 2;
+    } else {
+      this.canvas.width = this.videoOptions.width / 2;
+      this.canvas.height = this.videoOptions.height / 2;
+    }
   }
   async bufferError(e3) {
     var _a2, _b;
@@ -31085,16 +31093,9 @@ Setting: ${JSON.stringify(settings, null, 2)}`
     var _a2, _b;
     let imageFile;
     this.configImageCapture();
-    let newCanvasWidth = this.videoOptions.width / 2;
-    let newCanvasHeight = this.videoOptions.height / 2;
-    if (newCanvasWidth < 320) newCanvasWidth = 320;
-    if (newCanvasHeight < 180) newCanvasHeight = 180;
-    this.canvas.width = newCanvasWidth;
-    this.canvas.height = newCanvasHeight;
     const packSize = (_a2 = this.paramsConfig.videoBehaviourParameters) == null ? void 0 : _a2.realtimePackageSize;
     this.imageCount = 0;
     this.imageInterval = setInterval(async () => {
-      console.log("capturando frame " + this.imageCount);
       this.canvas.getContext("2d").drawImage(this.video, 0, 0, this.canvas.width, this.canvas.height);
       const image_data_url = this.canvas.toDataURL("image/jpeg");
       if (this.proctoringId == void 0) return;
@@ -31226,45 +31227,6 @@ Setting: ${JSON.stringify(settings, null, 2)}`
     }
     this.noiseWait++;
   }
-  /**
-   * Cria um stream processado onde os frames são rotacionados via Canvas.
-   * Isso corrige o problema de gravação deitada em iOS/Mobile.
-   */
-  createRotatedStream(originalStream) {
-    this.internalClonedStream = originalStream.clone();
-    const video = document.createElement("video");
-    video.srcObject = this.internalClonedStream;
-    video.muted = true;
-    video.play();
-    const canvas = document.createElement("canvas");
-    const ctx = canvas.getContext("2d");
-    const track = originalStream.getVideoTracks()[0];
-    const settings = track.getSettings();
-    const width = settings.width || 640;
-    const height = settings.height || 480;
-    canvas.width = height;
-    canvas.height = width;
-    const draw = () => {
-      if (video.paused || video.ended) return;
-      if (!this.isCanvasLoopActive) return;
-      if (ctx) {
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-      }
-      if (this.isCanvasLoopActive) {
-        this.animationFrameId = requestAnimationFrame(draw);
-      }
-    };
-    video.onplaying = () => {
-      this.isCanvasLoopActive = true;
-      draw();
-    };
-    const canvasStream = canvas.captureStream(30);
-    originalStream.getAudioTracks().forEach((track2) => {
-      canvasStream.addTrack(track2);
-    });
-    return canvasStream;
-  }
 };
 
 // src/new-flow/checkers/DeviceCheckerUI.ts

package/new-flow/recorders/CameraRecorder.d.ts

@@ -72,5 +72,4 @@ export declare class CameraRecorder implements IRecorder {
     getFile(file: string, name: string, type: string): Promise<File>;
     noiseWait: number;
     private onNoiseDetected;
-    private createRotatedStream;
 }

package/package.json

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