chore: 优化视频回放

src/modules/live/test/components/LivePlayback.vue

@@ -21,15 +21,15 @@ const hover = ref(false)
 
 onMounted(() => {
   video.value.ondurationchange = (e) => {
-    if (e.target.duration === Infinity) {
-      video.value.currentTime = 1e101
-    } else {
-      video.value.currentTime = 0
-    }
+    // if (e.target.duration === Infinity) {
+    //   video.value.currentTime = 1e101
+    // } else {
+    //   video.value.currentTime = 0
+    // }
     duration.value = e.target.duration === Infinity ? parseFloat(record.value.live_duration) : e.target.duration
   }
   video.value.ontimeupdate = () => {
-    currentTime.value = video.value.currentTime
+    currentTime.value = video.value?.currentTime || 0
   }
   video.value.onplay = () => {
     playing.value = true
@@ -48,6 +48,10 @@ onMounted(() => {
   }
 })
 
+onUnmounted(() => {
+  video.value?.pause()
+})
+
 const togglePlay = () => {
   playing.value ? video.value?.pause() : video.value?.play()
 }

src/modules/live/test/composables/useLive.ts

@@ -93,7 +93,7 @@ export function useLive({ enabledUserMedia = true, onStart, onRecord, onStop }:
   const start = () => {
     if (!mediaRecorder) initializeMediaRecorder()
     recordedChunks.value = []
-    mediaRecorder?.start(1000) // 每100ms触发一次dataavailable事件
+    mediaRecorder?.start(5000) // 每100ms触发一次dataavailable事件
   }
 
   // 停止录制