video: Stop the recording if we get a clash in the video chunks

bluerobotics · Feb 21, 2024 · c575b27 · c575b27
1 parent 89e96b4
commit c575b27
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/stores/video.ts b/src/stores/video.ts
@@ -171,7 +171,14 @@ export const useVideoStore = defineStore('video', () => {
     activeStreams.value[streamName]!.mediaRecorder!.start(1000)
     let chunksCount = 0
     activeStreams.value[streamName]!.mediaRecorder!.ondataavailable = async (e) => {
-      await tempVideoChunksDB.setItem(`${recordingHash}_${chunksCount}`, e.data)
+      // Check first if this item is already in the database. If so, stop the recording and return.
+      const chunkName = `${recordingHash}_${chunksCount}`
+      const chunk = await tempVideoChunksDB.getItem(chunkName)
+      if (chunk) {
+        stopRecording(streamName)
+        return
+      }
+      await tempVideoChunksDB.setItem(chunkName, e.data)
       chunksCount++
     }