@newtonschool/react_proctoring_library 0.0.46 → 0.0.47

package/dist/utils/webcamMicrophoneUtils.js

@@ -174,13 +174,22 @@ const captureWebcamSnapshot = webcamReference => {
 exports.captureWebcamSnapshot = captureWebcamSnapshot;
 const captureScreenshot = async elementIdSelector => {
   try {
-    const canvas = document.createElement("canvas");
     const video = document.querySelector(elementIdSelector);
-    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;
+    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.46",
+  "version": "0.0.47",
   "description": "Used to proctor online tests",
   "author": "ayushkagrawal,shreyachandra,weastel",
   "main": "dist/index.js",