Add new function setLimitSeconds

Author: binarykitchen

README.md

@@ -83,6 +83,7 @@ Looking at the examples in the `/src/stories` folder should give you some ideas
 - <a href="#isBuilt">`videomailClient.isBuilt()`</a>
 - <a href="#submit">`videomailClient.submit()`</a>
 - <a href="#getLogLines">`videomailClient.getLogLines()`</a>
+- <a href="#setLimitSeconds">`videomailClient.setLimitSeconds()`</a>
 
 <a name="constructor"></a>
 
@@ -201,6 +202,12 @@ Calling this function will manually trigger a submission of the recorded videoma
 
 For advanced use only: returns you a collection of log lines that show what code has been covered recently. Useful if you want to debug something tricky.
 
+<a name="setLimitSeconds"></a>
+
+### videomailClient.setLimitSeconds()
+
+For advanced use only: sets the recording time limit in seconds. Useful if you want to dynamically change the recording duration.
+
 <a name="whatisstored"></a>
 
 ## What gets stored on the videomail server?

src/client.ts

@@ -77,6 +77,24 @@ class VideomailClient extends Despot {
     this.container.startOver(params);
   }
 
+  // Useful for altering limit when user has changed options in real-time like
+  // enabling/disabling audio etc
+  public setLimitSeconds(limitSeconds: number) {
+    if (this.options.video.limitSeconds === limitSeconds) {
+      this.options.logger.debug(
+        `Client: setLimitSeconds called but limitSeconds is already ${limitSeconds}, doing nothing.`,
+      );
+
+      return;
+    }
+
+    this.options.video.limitSeconds = limitSeconds;
+
+    this.options.logger.debug(`Client: setLimitSeconds (limitSeconds = ${limitSeconds})`);
+
+    this.container.setLimitSeconds(limitSeconds);
+  }
+
   public unload(startingOver = false) {
     this.container.unload({ startingOver });
   }

src/stories/Record.stories.ts

@@ -79,6 +79,43 @@ export const Audio: Story = {
   },
 };
 
+export const ChangingLimit: Story = {
+  name: "Changing limit on the fly",
+  args: {
+    enableAutoPause: false,
+    audio: {
+      enabled: false,
+      switch: true,
+    },
+    image: {
+      quality: 0.4,
+    },
+    video: {
+      limitSeconds: 30,
+      countdown: false,
+      width: 320,
+    },
+    text: {
+      buttons: {
+        preview: "Stop",
+      },
+    },
+  },
+  render: (args) => {
+    const videomailClient = new VideomailClient(args);
+
+    videomailClient.on("ENABLING_AUDIO", function () {
+      videomailClient.setLimitSeconds(15);
+    });
+
+    videomailClient.on("DISABLING_AUDIO", function () {
+      videomailClient.setLimitSeconds(30);
+    });
+
+    return videomailClient.show();
+  },
+};
+
 // High quality: High FPS, near HD quality, short duration and without auto-pause
 //
 // This example shows that your browser cannot meet the FPS requirements due to

src/wrappers/container.ts

@@ -899,6 +899,11 @@ class Container extends Despot {
   public recordAgain() {
     this.visuals.recordAgain();
   }
+
+  public setLimitSeconds(limitSeconds: number) {
+    this.options.video.limitSeconds = limitSeconds;
+    this.visuals.setLimitSeconds(limitSeconds);
+  }
 }
 
 export default Container;

src/wrappers/visuals.ts

@@ -480,6 +480,11 @@ class Visuals extends Despot {
     }
   }
 
+  public setLimitSeconds(limitSeconds: number) {
+    this.options.video.limitSeconds = limitSeconds;
+    this.recorderInsides.setLimitSeconds(limitSeconds);
+  }
+
   public getElement() {
     return this.visualsElement;
   }

src/wrappers/visuals/inside/recorder/recordTimer.ts

@@ -121,6 +121,10 @@ class RecordTimer {
     return this.options.video.limitSeconds;
   }
 
+  public setLimitSeconds(limitSeconds: number) {
+    this.options.video.limitSeconds = limitSeconds;
+  }
+
   public start() {
     this.countdown = this.getStartSeconds();
     this.nearComputed = this.endNighComputed = false;

src/wrappers/visuals/inside/recorderInsides.ts

@@ -153,6 +153,11 @@ class RecorderInsides extends Despot {
   public checkTimer(elapsedTime: number) {
     this.recordTimer.check(elapsedTime);
   }
+
+  public setLimitSeconds(limitSeconds: number) {
+    this.options.video.limitSeconds = limitSeconds;
+    this.recordTimer.setLimitSeconds(limitSeconds);
+  }
 }
 
 export default RecorderInsides;