@lookit/record 3.0.0 → 3.0.1

package/dist/index.cjs

@@ -8,7 +8,7 @@ var Handlebars = require('handlebars');
 
 var _package = {
   name: "@lookit/record",
-  version: "3.0.0",
+  version: "3.0.1",
   description: "Recording extensions and plugins for CHS studies.",
   homepage: "https://github.com/lookit/lookit-jspsych#readme",
   bugs: {
@@ -177,8 +177,10 @@ class Recorder {
     this.blobs = [];
     this.localDownload = "false"?.toLowerCase() === "true";
     this.webcam_element_id = "lookit-jspsych-webcam";
+    this.mimeType = "video/webm";
     this.streamClone = this.stream.clone();
     autoBind(this);
+    this.mimeType = this.recorder?.mimeType || this.mimeType;
   }
   get recorder() {
     return this.jsPsych.pluginAPI.getCameraRecorder() || this.jsPsych.pluginAPI.getMicrophoneRecorder();
@@ -196,7 +198,11 @@ class Recorder {
     this._s3 = value;
   }
   initializeRecorder(stream, opts) {
-    this.jsPsych.pluginAPI.initializeCameraRecorder(stream, opts);
+    const recorder_options = {
+      ...opts,
+      mimeType: this.mimeType
+    };
+    this.jsPsych.pluginAPI.initializeCameraRecorder(stream, recorder_options);
   }
   reset() {
     if (this.stream.active) {
@@ -640,6 +646,7 @@ class VideoConfigPlugin {
     this.minVolume = 0.1;
     this.micChecked = false;
     this.processorNode = null;
+    this.mimeType = "video/webm";
     this.addHtmlContent = (trial) => {
       this.display_el.innerHTML = chsTemplates.videoConfig(trial, html_params);
     };
@@ -782,7 +789,12 @@ class VideoConfigPlugin {
       return { cameras: unique_cameras, mics: unique_mics };
     };
     this.initializeAndCreateRecorder = (stream, opts) => {
-      this.jsPsych.pluginAPI.initializeCameraRecorder(stream, opts);
+      this.mimeType = this.getCompatibleMimeType() || this.mimeType;
+      const recorder_options = {
+        ...opts,
+        mimeType: this.mimeType
+      };
+      this.jsPsych.pluginAPI.initializeCameraRecorder(stream, recorder_options);
       this.recorder = new Recorder(this.jsPsych);
     };
     this.checkMic = async (minVol = this.minVolume) => {
@@ -935,6 +947,20 @@ class VideoConfigPlugin {
       };
     });
   }
+  getCompatibleMimeType() {
+    const mime_types = [
+      "video/webm;codecs=vp9,opus",
+      "video/webm;codecs=vp8,opus"
+    ];
+    let mime_type_index = 0;
+    while (mime_type_index < mime_types.length) {
+      if (MediaRecorder.isTypeSupported(mime_types[mime_type_index])) {
+        return mime_types[mime_type_index];
+      }
+      mime_type_index++;
+    }
+    return null;
+  }
 }
 VideoConfigPlugin.info = info;