@newtonschool/react_proctoring_library 0.0.45 → 0.0.47

package/dist/utils/webcamMicrophoneUtils.js

@@ -12,9 +12,7 @@ require("core-js/modules/es.typed-array.sort.js");
 require("core-js/modules/es.typed-array.to-locale-string.js");
 require("core-js/modules/es.promise.js");
 var _ = require(".");
-var _html2canvas = _interopRequireDefault(require("html2canvas"));
 var _defaults = require("../constants/defaults");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const isWebcamVideoValid = webcamReference => webcamReference !== null && webcamReference !== undefined && typeof webcamReference.current !== "undefined" && webcamReference.current !== null && webcamReference.current.video.readyState === 4;
 exports.isWebcamVideoValid = isWebcamVideoValid;
 const updateStatistics = (statistics, currentStats, proctorParams) => {
@@ -176,9 +174,22 @@ const captureWebcamSnapshot = webcamReference => {
 exports.captureWebcamSnapshot = captureWebcamSnapshot;
 const captureScreenshot = async elementIdSelector => {
   try {
-    const canvas = await (0, _html2canvas.default)(document.querySelector(elementIdSelector));
-    const b64Snapshot = canvas.toDataURL("image/jpeg");
-    return b64DataURItoBlob(b64Snapshot);
+    const video = document.querySelector(elementIdSelector);
+    const canvas = document.createElement("canvas");
+    if (window.createImageBitmap) {
+      const bitmap = await createImageBitmap(video);
+      canvas.width = bitmap.width;
+      canvas.height = bitmap.height;
+      canvas.getContext("bitmaprenderer").transferFromImageBitmap(bitmap);
+      const blob = await new Promise(res => canvas.toBlob(res));
+      return blob;
+    } else {
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      canvas.getContext("2d").drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+      const blob = await new Promise(resolve => canvas.toBlob(resolve));
+      return blob;
+    }
   } catch (e) {
     // pass
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonschool/react_proctoring_library",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",
@@ -17,7 +17,6 @@
     "@tensorflow/tfjs": "^3.9.0",
     "bootstrap": "^5.1.3",
     "core-js": "^3.22.7",
-    "html2canvas": "^1.4.1",
     "react-bootstrap": "^2.0.4",
     "react-webcam": "^6.0.0"
   },