Kaynağa Gözat

解决录屏bug

bill 3 yıl önce
ebeveyn
işleme
de711368ff
1 değiştirilmiş dosya ile 10 ekleme ve 2 silme
  1. 10 2
      src/views/record/shot.vue

+ 10 - 2
src/views/record/shot.vue

@@ -75,6 +75,7 @@ export default defineComponent({
       debug: false,
     }
   
+    console.error('new VideoRecorder')
     const videoRecorder = new VideoRecorder(config);
 
     type VideoItem = { origin: Blob | string, cover: string }
@@ -93,7 +94,7 @@ export default defineComponent({
     }
 
     const pause = () => {
-      if (countdown.value === 0) {
+      if (countdown.value === 0 && videoRecorder.status !== 3) {
         videoRecorder.endRecord()
       }
       
@@ -107,7 +108,14 @@ export default defineComponent({
     videoRecorder.on('record', blob => {
       blobs.push(new File([blob], '录屏.mp4', { type: 'video/mp4; codecs=h264' }))
     })
-    videoRecorder.on('cancelRecord', pause)
+    videoRecorder.on('cancelRecord', () => {
+      console.error('cancelRecord')
+      pause()
+    })
+    videoRecorder.on('endRecord', () => {
+      console.error('endRecord')
+      pause()
+    })
 
     const palyUrl = ref<string | Blob | null>(null)
     const videoList: VideoItem[] = shallowReactive([])