Define video filename on recording start

bluerobotics · Nov 24, 2023 · ef9253a · ef9253a
1 parent 60b4ee7
commit ef9253a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/mini-widgets/MiniVideoRecorder.vue b/src/components/mini-widgets/MiniVideoRecorder.vue
@@ -183,6 +183,7 @@ const startRecording = async (): Promise<SweetAlertResult | void> => {
   }
 
   timeRecordingStart.value = new Date()
+  const fileName = `${missionName || 'Cockpit'} (${format(timeRecordingStart.value, 'LLL dd, yyyy - HH꞉mm꞉ss O')})`
   mediaRecorder.value = new MediaRecorder(mediaStream.value)
   mediaRecorder.value.start()
   let chunks: Blob[] = []
@@ -191,7 +192,6 @@ const startRecording = async (): Promise<SweetAlertResult | void> => {
   mediaRecorder.value.onstop = () => {
     const blob = new Blob(chunks, { type: 'video/webm' })
     fixWebmDuration(blob, Date.now() - timeRecordingStart.value.getTime()).then((fixedBlob) => {
-      const fileName = `${missionName || 'Cockpit'} (${format(timeRecordingStart.value, 'LLL dd, yyyy - HH꞉mm꞉ss O')})`
       saveAs(fixedBlob, fileName)
     })
     chunks = []