From 5e56235bde6fda2e7849f52913ccebe4fa014ceb Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Fri, 26 Apr 2024 16:32:37 +0800
Subject: [PATCH] auto stop recording in one minute (#568)

---
 enjoy/src/renderer/components/medias/media-recorder.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/enjoy/src/renderer/components/medias/media-recorder.tsx b/enjoy/src/renderer/components/medias/media-recorder.tsx
index f2759f62..a071b36e 100644
--- a/enjoy/src/renderer/components/medias/media-recorder.tsx
+++ b/enjoy/src/renderer/components/medias/media-recorder.tsx
@@ -9,6 +9,8 @@ import { t } from "i18next";
 import { toast } from "@renderer/components/ui";
 import { MediaRecordButton } from "@renderer/components";
 
+const ONE_MINUTE = 60;
+
 export const MediaRecorder = () => {
   const {
     layout,
@@ -92,6 +94,7 @@ export const MediaRecorder = () => {
 
     record.on("record-end", async (blob: Blob) => {
       createRecording({ blob, duration: Date.now() - startAt });
+      setIsRecording(false);
     });
     let interval: NodeJS.Timeout;
 
@@ -103,8 +106,8 @@ export const MediaRecorder = () => {
           setDuration(0);
           interval = setInterval(() => {
             setDuration((duration) => {
-              if (duration >= 3000) {
-                setIsRecording(false);
+              if (duration >= ONE_MINUTE) {
+                record.stopRecording();
               }
               return duration + 0.1;
             });
@@ -130,7 +133,7 @@ export const MediaRecorder = () => {
       <div className="flex-1 h-full border rounded-xl shadow-lg relative">
         <span className="absolute bottom-2 right-2 serif">
           {duration.toFixed(1)}
-          <span className="text-xs"> / 300</span>
+          <span className="text-xs"> / {ONE_MINUTE}</span>
         </span>
         <div className="h-full" ref={ref}></div>
       </div>