@lookit/record 0.0.3 → 0.0.4

package/dist/recorder.d.ts

@@ -100,10 +100,12 @@ export default class Recorder {
      * Start recording. Also, adds event listeners for handling data and checks
      * for recorder initialization.
      *
-     * @param prefix - Prefix for the video recording file name (string). This is
-     *   the string that comes before "_<TIMESTAMP>.webm".
+     * @param consent - Boolean indicating whether or not the recording is consent
+     *   footage.
+     * @param trial_type - Trial type, as saved in the jsPsych data. This comes
+     *   from the plugin info "name" value (not the class name).
      */
-    start(prefix: "consent" | "session_video" | "trial_video"): Promise<void>;
+    start(consent: boolean, trial_type: string): Promise<void>;
     /**
      * Stop all streams/tracks. This stops any in-progress recordings and releases
      * the media devices. This is can be called when recording is not in progress,
@@ -143,4 +145,14 @@ export default class Recorder {
     private download;
     /** Private helper to clear the webcam feed, if there is one. */
     private clearWebcamFeed;
+    /**
+     * Creates a valid video file name based on parameters
+     *
+     * @param consent - Boolean indicating whether or not the recording is consent
+     *   footage.
+     * @param trial_type - Trial type, as saved in the jsPsych data. This comes
+     *   from the plugin info "name" value (not the class name).
+     * @returns File name string with .webm extension.
+     */
+    private createFileName;
 }

package/dist/trial.d.ts

@@ -4,6 +4,7 @@ export default class TrialRecordExtension implements JsPsychExtension {
     private jsPsych;
     static readonly info: JsPsychExtensionInfo;
     private recorder?;
+    private pluginName;
     /**
      * Video recording extension.
      *
@@ -25,4 +26,11 @@ export default class TrialRecordExtension implements JsPsychExtension {
      * @returns Trial data.
      */
     on_finish(): {};
+    /**
+     * Gets the plugin name for the trial that is being extended. This is same as
+     * the "trial_type" value that is stored in the data for this trial.
+     *
+     * @returns Plugin name string from the plugin class's info.
+     */
+    private getCurrentPluginName;
 }

package/dist/types.d.ts

@@ -1,3 +1,8 @@
+import { JsPsychPlugin, PluginInfo } from "jspsych";
+import { Class } from "type-fest";
+export interface jsPsychPluginWithInfo extends Class<JsPsychPlugin<PluginInfo>> {
+    info: PluginInfo;
+}
 /**
  * A valid CSS height/width value, which can be a number, a string containing a
  * number with units, or 'auto'.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookit/record",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Recording extensions and plugins for CHS studies.",
   "homepage": "https://github.com/lookit/lookit-jspsych#readme",
   "bugs": {
@@ -46,7 +46,8 @@
     "typescript": "^5.6.2"
   },
   "peerDependencies": {
-    "@lookit/data": "^0.0.3",
+    "@lookit/data": "^0.0.4",
+    "@lookit/templates": "^0.0.1",
     "jspsych": "^8.0.2"
   }
 }

package/src/consentVideo.spec.ts

@@ -1,8 +1,10 @@
+import Data from "@lookit/data";
 import { LookitWindow } from "@lookit/data/dist/types";
+import chsTemplates from "@lookit/templates";
 import Handlebars from "handlebars";
 import { initJsPsych, PluginInfo, TrialType } from "jspsych";
-import consentVideoTrial from "../templates/consent-video-trial.hbs";
-import recordFeed from "../templates/record-feed.hbs";
+import playbackFeed from "../hbs/playback-feed.hbs";
+import recordFeed from "../hbs/record-feed.hbs";
 import { VideoConsentPlugin } from "./consentVideo";
 import {
   ButtonNotFoundError,
@@ -13,7 +15,22 @@ import Recorder from "./recorder";
 
 declare const window: LookitWindow;
 
+window.chs = {
+  study: {
+    attributes: {
+      name: "name",
+      duration: "duration",
+    },
+  },
+  response: {
+    id: "some id",
+  },
+} as typeof window.chs;
+
 jest.mock("./recorder");
+jest.mock("@lookit/data", () => ({
+  updateResponse: jest.fn().mockReturnValue("Response"),
+}));
 
 test("Instantiate recorder", () => {
   const jsPsych = initJsPsych();
@@ -25,16 +42,10 @@ test("Trial", () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
-  const trial = { locale: "en-us" } as unknown as TrialType<PluginInfo>;
-
-  window.chs = {
-    study: {
-      attributes: {
-        name: "name",
-        duration: "duration",
-      },
-    },
-  } as typeof window.chs;
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
   plugin["recordFeed"] = jest.fn();
   plugin["recordButton"] = jest.fn();
@@ -108,8 +119,12 @@ test("onEnded", () => {
   const play = document.createElement("button");
   const next = document.createElement("button");
   const record = document.createElement("button");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
-  display.innerHTML = Handlebars.compile(consentVideoTrial)({});
+  display.innerHTML = chsTemplates.consentVideo(trial);
   plugin["recordFeed"] = jest.fn();
   plugin["getButton"] = jest.fn().mockImplementation((_display, id) => {
     switch (id) {
@@ -126,7 +141,8 @@ test("onEnded", () => {
     } else if (id === "next") {
       return next;
     }
-    return;
+
+    return "";
   });
 
   plugin["onEnded"](display)();
@@ -142,8 +158,12 @@ test("getButton", () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
-  display.innerHTML = Handlebars.compile(consentVideoTrial)({});
+  display.innerHTML = chsTemplates.consentVideo(trial);
 
   expect(plugin["getButton"](display, "next").id).toStrictEqual("next");
 });
@@ -171,10 +191,15 @@ test("recordButton", async () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
+
+  display.innerHTML = chsTemplates.consentVideo(trial);
 
   display.innerHTML =
-    Handlebars.compile(consentVideoTrial)({}) +
-    Handlebars.compile(recordFeed)({});
+    chsTemplates.consentVideo(trial) + Handlebars.compile(recordFeed)({});
 
   plugin["recordButton"](display);
 
@@ -208,17 +233,21 @@ test("recordButton", async () => {
 
   // Start recorder
   expect(Recorder.prototype.start).toHaveBeenCalledTimes(1);
-  expect(Recorder.prototype.start).toHaveBeenCalledWith("consent");
+  expect(Recorder.prototype.start).toHaveBeenCalledWith(true, "consent-video");
 });
 
 test("playButton", () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
   plugin["playbackFeed"] = jest.fn();
 
-  display.innerHTML = Handlebars.compile(consentVideoTrial)({});
+  display.innerHTML = chsTemplates.consentVideo(trial);
 
   plugin["playButton"](display);
 
@@ -235,11 +264,13 @@ test("stopButton", async () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
   display.innerHTML =
-    Handlebars.compile(consentVideoTrial)({
-      video_container_id: plugin["video_container_id"],
-    }) + Handlebars.compile(recordFeed)({});
+    chsTemplates.consentVideo(trial) + Handlebars.compile(recordFeed)({});
 
   plugin["recordFeed"] = jest.fn();
   plugin["stopButton"](display);
@@ -261,14 +292,37 @@ test("nextButton", () => {
   const jsPsych = initJsPsych();
   const plugin = new VideoConsentPlugin(jsPsych);
   const display = document.createElement("div");
+  const trial = {
+    locale: "en-us",
+    template: "consent-template-5",
+  } as unknown as TrialType<PluginInfo>;
 
-  display.innerHTML = Handlebars.compile(consentVideoTrial)({});
-  jsPsych.finishTrial = jest.fn();
+  display.innerHTML = chsTemplates.consentVideo(trial);
+  plugin["endTrial"] = jest.fn();
 
   plugin["nextButton"](display);
   display
     .querySelector<HTMLButtonElement>("button#next")!
     .dispatchEvent(new Event("click"));
 
-  expect(jsPsych.finishTrial).toHaveBeenCalledTimes(1);
+  expect(plugin["endTrial"]).toHaveBeenCalledTimes(1);
+});
+
+test("endTrial", () => {
+  const jsPsych = initJsPsych();
+  const plugin = new VideoConsentPlugin(jsPsych);
+
+  plugin["endTrial"]();
+
+  expect(Data.updateResponse).toHaveBeenCalledWith(window.chs.response.id, {
+    completed_consent_frame: true,
+  });
+});
+
+test("Does video consent plugin return chsData correctly?", () => {
+  expect(VideoConsentPlugin.chsData()).toMatchObject({ chs_type: "consent" });
+});
+
+test("Video playback should not be muted", () => {
+  expect(playbackFeed).not.toContain("muted");
 });

package/src/consentVideo.ts

@@ -1,16 +1,14 @@
+import Data from "@lookit/data";
 import { LookitWindow } from "@lookit/data/dist/types";
-import Handlebars from "handlebars";
+import chsTemplates from "@lookit/templates";
 import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from "jspsych";
 import { version } from "../package.json";
-import consentDocTemplate from "../templates/consent-document.hbs";
-import consentVideoTrialTemplate from "../templates/consent-video-trial.hbs";
 import {
   ButtonNotFoundError,
   ImageNotFoundError,
   VideoContainerNotFoundError,
 } from "./errors";
 import Recorder from "./recorder";
-import { initI18nAndTemplates } from "./utils";
 
 declare const window: LookitWindow;
 
@@ -18,7 +16,7 @@ const info = <const>{
   name: "consent-video",
   version,
   parameters: {
-    template: { type: ParameterType.STRING, default: "consent_005" },
+    template: { type: ParameterType.STRING, default: "consent-template-5" },
     locale: { type: ParameterType.STRING, default: "en-us" },
     additional_video_privacy_statement: {
       type: ParameterType.STRING,
@@ -28,14 +26,14 @@ const info = <const>{
     gdpr: { type: ParameterType.BOOL, default: false },
     gdpr_personal_data: { type: ParameterType.STRING, default: "" },
     gdpr_sensitive_data: { type: ParameterType.STRING, default: "" },
-    PIName: { type: ParameterType.STRING, default: "" },
+    PIName: { type: ParameterType.STRING, default: undefined },
     include_databrary: { type: ParameterType.BOOL, default: false },
-    institution: { type: ParameterType.STRING, default: "" },
-    PIContact: { type: ParameterType.STRING, default: "" },
-    payment: { type: ParameterType.STRING, default: "" },
+    institution: { type: ParameterType.STRING, default: undefined },
+    PIContact: { type: ParameterType.STRING, default: undefined },
+    payment: { type: ParameterType.STRING, default: undefined },
     private_level_only: { type: ParameterType.BOOL, default: false },
-    procedures: { type: ParameterType.STRING, default: "" },
-    purpose: { type: ParameterType.STRING, default: "" },
+    procedures: { type: ParameterType.STRING, default: undefined },
+    purpose: { type: ParameterType.STRING, default: undefined },
     research_rights_statement: { type: ParameterType.STRING, default: "" },
     risk_statement: { type: ParameterType.STRING, default: "" },
     voluntary_participation: { type: ParameterType.STRING, default: "" },
@@ -90,30 +88,11 @@ export class VideoConsentPlugin implements JsPsychPlugin<Info> {
    * @param trial - Trial data including user supplied parameters.
    */
   public trial(display: HTMLElement, trial: TrialType<Info>) {
-    const { video_container_id } = this;
-    const experiment = window.chs.study.attributes;
-    const { PIName, PIContact } = trial;
-
-    // Initialize both i18next and Handlebars
-    initI18nAndTemplates(trial);
-
-    // Render left side (consent text)
-    const consent = Handlebars.compile(consentDocTemplate)({
-      ...trial,
-      name: PIName,
-      contact: PIContact,
-      experiment,
-    });
-
-    // Render whole document with above consent text
-    const consentVideoTrial = Handlebars.compile(consentVideoTrialTemplate)({
-      ...trial,
-      consent,
-      video_container_id,
-    });
+    // Get trial HTML string
+    const consentVideo = chsTemplates.consentVideo(trial);
 
     // Add rendered document to display HTML
-    display.insertAdjacentHTML("afterbegin", consentVideoTrial);
+    display.insertAdjacentHTML("afterbegin", consentVideo);
 
     // Video recording HTML
     this.recordFeed(display);
@@ -233,7 +212,7 @@ export class VideoConsentPlugin implements JsPsychPlugin<Info> {
       play.disabled = true;
       next.disabled = true;
       this.getImg(display, "record-icon").style.visibility = "visible";
-      await this.recorder.start("consent");
+      await this.recorder.start(true, VideoConsentPlugin.info.name);
     });
   }
 
@@ -279,6 +258,28 @@ export class VideoConsentPlugin implements JsPsychPlugin<Info> {
    */
   private nextButton(display: HTMLElement) {
     const next = this.getButton(display, "next");
-    next.addEventListener("click", () => this.jsPsych.finishTrial());
+    next.addEventListener("click", () => this.endTrial());
+  }
+
+  /**
+   * Mark the response in the lookit-api database as having completed the
+   * consent frame, then finish the trial.
+   */
+  private async endTrial() {
+    await Data.updateResponse(window.chs.response.id, {
+      completed_consent_frame: true,
+    });
+    this.jsPsych.finishTrial();
+  }
+
+  /**
+   * Add CHS type to experiment data. This will enable Lookit API to run the
+   * "consent" Frame Action Dispatcher method after the experiment has
+   * completed.
+   *
+   * @returns Object containing CHS type.
+   */
+  public static chsData() {
+    return { chs_type: "consent" };
   }
 }

package/src/errors.ts

@@ -229,15 +229,3 @@ export class ImageNotFoundError extends Error {
     super(`"${id}" image not found.`);
   }
 }
-
-/** Error throw what specified language isn't found */
-export class TranslationNotFoundError extends Error {
-  /**
-   * This will be thrown when attempting to init i18n
-   *
-   * @param baseName - Language a2code with region
-   */
-  public constructor(baseName: string) {
-    super(`"${baseName}" translation not found.`);
-  }
-}

package/src/index.spec.ts

@@ -10,9 +10,12 @@ jest.mock("./recorder");
 jest.mock("@lookit/data");
 jest.mock("jspsych", () => ({
   ...jest.requireActual("jspsych"),
-  initJsPsych: jest
-    .fn()
-    .mockReturnValue({ finishTrial: jest.fn().mockImplementation() }),
+  initJsPsych: jest.fn().mockReturnValue({
+    finishTrial: jest.fn().mockImplementation(),
+    getCurrentTrial: jest
+      .fn()
+      .mockReturnValue({ type: { info: { name: "test-type" } } }),
+  }),
 }));
 
 /**
@@ -41,6 +44,7 @@ test("Trial recording", () => {
   const mockRecStop = jest.spyOn(Recorder.prototype, "stop");
   const jsPsych = initJsPsych();
   const trialRec = new Rec.TrialRecordExtension(jsPsych);
+  const getCurrentPluginNameSpy = jest.spyOn(trialRec, "getCurrentPluginName");
 
   trialRec.on_start();
   trialRec.on_load();
@@ -48,7 +52,9 @@ test("Trial recording", () => {
 
   expect(Recorder).toHaveBeenCalledTimes(1);
   expect(mockRecStart).toHaveBeenCalledTimes(1);
+  expect(mockRecStart).toHaveBeenCalledWith(false, "test-type");
   expect(mockRecStop).toHaveBeenCalledTimes(1);
+  expect(getCurrentPluginNameSpy).toHaveBeenCalledTimes(1);
 });
 
 test("Trial recording's initialize does nothing", async () => {

package/src/recorder.spec.ts

@@ -1,11 +1,12 @@
 import Data from "@lookit/data";
+import { LookitWindow } from "@lookit/data/dist/types";
 import Handlebars from "handlebars";
 import { initJsPsych } from "jspsych";
+import playbackFeed from "../hbs/playback-feed.hbs";
+import recordFeed from "../hbs/record-feed.hbs";
+import webcamFeed from "../hbs/webcam-feed.hbs";
 import play_icon from "../img/play-icon.svg";
 import record_icon from "../img/record-icon.svg";
-import playbackFeed from "../templates/playback-feed.hbs";
-import recordFeed from "../templates/record-feed.hbs";
-import webcamFeed from "../templates/webcam-feed.hbs";
 import {
   CreateURLError,
   NoStopPromiseError,
@@ -19,6 +20,19 @@ import {
 import Recorder from "./recorder";
 import { CSSWidthHeight } from "./types";
 
+declare const window: LookitWindow;
+
+window.chs = {
+  study: {
+    id: "123",
+  },
+  response: {
+    id: "456",
+  },
+} as typeof window.chs;
+
+let originalDate: DateConstructor;
+
 jest.mock("@lookit/data");
 jest.mock("jspsych", () => ({
   ...jest.requireActual("jspsych"),
@@ -35,6 +49,13 @@ jest.mock("jspsych", () => ({
         },
       }),
     },
+    data: {
+      getLastTrialData: jest.fn().mockReturnValue({
+        values: jest
+          .fn()
+          .mockReturnValue([{ trial_type: "test-type", trial_index: 0 }]),
+      }),
+    },
   }),
 }));
 
@@ -68,7 +89,7 @@ test("Recorder start", async () => {
   const jsPsych = initJsPsych();
   const rec = new Recorder(jsPsych);
   const media = jsPsych.pluginAPI.getCameraRecorder();
-  await rec.start("consent");
+  await rec.start(true, "video-consent");
 
   expect(media.addEventListener).toHaveBeenCalledTimes(2);
   expect(media.start).toHaveBeenCalledTimes(1);
@@ -112,7 +133,7 @@ test("Recorder initialize error", () => {
     .fn()
     .mockReturnValue(undefined);
 
-  expect(async () => await rec.start("consent")).rejects.toThrow(
+  expect(async () => await rec.start(true, "video-consent")).rejects.toThrow(
     RecorderInitializeError,
   );
 
@@ -444,3 +465,44 @@ test("Recorder insert record Feed with height/width", () => {
     Handlebars.compile(recordFeed)(view),
   );
 });
+
+test("Recorder createFileName constructs video file names correctly", () => {
+  const jsPsych = initJsPsych();
+  const rec = new Recorder(jsPsych);
+
+  // Mock Date().getTime() timestamp
+  originalDate = Date;
+  const mockTimestamp = 1634774400000;
+  jest.spyOn(global, "Date").mockImplementation(() => {
+    return new originalDate(mockTimestamp);
+  });
+  // Mock random 3-digit number
+  jest.spyOn(global.Math, "random").mockReturnValue(0.123456789);
+  const rand_digits = Math.floor(Math.random() * 1000);
+
+  const index = jsPsych.data.getLastTrialData().values()[0].trial_index + 1;
+  const trial_type = "test-type";
+
+  // Consent prefix is "consent-videoStream"
+  expect(rec["createFileName"](true, trial_type)).toBe(
+    `consent-videoStream_${window.chs.study.id}_${index.toString()}-${trial_type}_${window.chs.response.id}_${mockTimestamp.toString()}_${rand_digits.toString()}.webm`,
+  );
+
+  // Non-consent prefix is "videoStream"
+  expect(rec["createFileName"](false, trial_type)).toBe(
+    `videoStream_${window.chs.study.id}_${index.toString()}-${trial_type}_${window.chs.response.id}_${mockTimestamp.toString()}_${rand_digits.toString()}.webm`,
+  );
+
+  // Trial index is 0 if there's no value for 'last trial index' (jsPsych data is empty)
+  jsPsych.data.getLastTrialData = jest.fn().mockReturnValueOnce({
+    values: jest.fn().mockReturnValue([]),
+  });
+  expect(rec["createFileName"](false, trial_type)).toBe(
+    `videoStream_${window.chs.study.id}_${0}-${trial_type}_${window.chs.response.id}_${mockTimestamp.toString()}_${rand_digits.toString()}.webm`,
+  );
+
+  // Restore the original Date constructor
+  global.Date = originalDate;
+  // Restore Math.random
+  jest.spyOn(global.Math, "random").mockRestore();
+});

package/src/recorder.ts

@@ -1,13 +1,14 @@
 import Data from "@lookit/data";
 import LookitS3 from "@lookit/data/dist/lookitS3";
+import { LookitWindow } from "@lookit/data/dist/types";
 import autoBind from "auto-bind";
 import Handlebars from "handlebars";
 import { JsPsych } from "jspsych";
+import playbackFeed from "../hbs/playback-feed.hbs";
+import recordFeed from "../hbs/record-feed.hbs";
+import webcamFeed from "../hbs/webcam-feed.hbs";
 import play_icon from "../img/play-icon.svg";
 import record_icon from "../img/record-icon.svg";
-import playbackFeed from "../templates/playback-feed.hbs";
-import recordFeed from "../templates/record-feed.hbs";
-import webcamFeed from "../templates/webcam-feed.hbs";
 import {
   CreateURLError,
   NoStopPromiseError,
@@ -20,6 +21,8 @@ import {
 } from "./errors";
 import { CSSWidthHeight } from "./types";
 
+declare const window: LookitWindow;
+
 /** Recorder handles the state of recording and data storage. */
 export default class Recorder {
   private url?: string;
@@ -219,14 +222,16 @@ export default class Recorder {
    * Start recording. Also, adds event listeners for handling data and checks
    * for recorder initialization.
    *
-   * @param prefix - Prefix for the video recording file name (string). This is
-   *   the string that comes before "_<TIMESTAMP>.webm".
+   * @param consent - Boolean indicating whether or not the recording is consent
+   *   footage.
+   * @param trial_type - Trial type, as saved in the jsPsych data. This comes
+   *   from the plugin info "name" value (not the class name).
    */
-  public async start(prefix: "consent" | "session_video" | "trial_video") {
+  public async start(consent: boolean, trial_type: string) {
     this.initializeCheck();
 
-    // Set filename
-    this.filename = `${prefix}_${new Date().getTime()}.webm`;
+    // Set video filename
+    this.filename = this.createFileName(consent, trial_type);
 
     // Instantiate s3 object
     if (!this.localDownload) {
@@ -350,4 +355,27 @@ export default class Recorder {
       webcam_feed_element.remove();
     }
   }
+
+  /**
+   * Creates a valid video file name based on parameters
+   *
+   * @param consent - Boolean indicating whether or not the recording is consent
+   *   footage.
+   * @param trial_type - Trial type, as saved in the jsPsych data. This comes
+   *   from the plugin info "name" value (not the class name).
+   * @returns File name string with .webm extension.
+   */
+  private createFileName(consent: boolean, trial_type: string) {
+    // File name formats:
+    // consent: consent-videoStream_{study}_{frame_id}_{response}_{timestamp}_{random_digits}.webm
+    // non-consent: videoStream_{study}_{frame_id}_{response}_{timestamp}_{random_digits}.webm
+    const prefix = consent ? "consent-videoStream" : "videoStream";
+    const last_data = this.jsPsych.data.getLastTrialData().values();
+    const curr_trial_index = (
+      last_data.length > 0 ? last_data[last_data.length - 1].trial_index + 1 : 0
+    ).toString();
+    const trial_id = `${curr_trial_index}-${trial_type}`;
+    const rand_digits = Math.floor(Math.random() * 1000);
+    return `${prefix}_${window.chs.study.id}_${trial_id}_${window.chs.response.id}_${new Date().getTime()}_${rand_digits}.webm`;
+  }
 }

package/src/start.ts

@@ -29,8 +29,10 @@ export default class StartRecordPlugin implements JsPsychPlugin<Info> {
 
   /** Trial function called by jsPsych. */
   public trial() {
-    this.recorder.start("session_video").then(() => {
-      this.jsPsych.finishTrial();
-    });
+    this.recorder
+      .start(false, `${StartRecordPlugin.info.name}-multiframe`)
+      .then(() => {
+        this.jsPsych.finishTrial();
+      });
   }
 }

package/src/stop.ts

@@ -1,7 +1,7 @@
 import { LookitWindow } from "@lookit/data/dist/types";
 import Handlebars from "handlebars";
 import { JsPsych, JsPsychPlugin } from "jspsych";
-import uploadingVideo from "../templates/uploading-video.hbs";
+import uploadingVideo from "../hbs/uploading-video.hbs";
 import { NoSessionRecordingError } from "./errors";
 import Recorder from "./recorder";