类型：开发

描述：

src/components/HlsPlayer/index.vue

@@ -177,6 +177,7 @@
 
           // 错误处理和重连机制
           player.on('error', (err) => {
+            player.unload()
             // 3 秒后尝试重新加载
             setTimeout(() => {
               player.load()

src/layout/components/CoreVideo/allList.vue

@@ -134,11 +134,12 @@ const createPlayer = (cameraIndexCode,videoElement) => {
       // 错误处理和重连机制
       player.on(mpegtsjs.Events.ERROR, (err) => {
         player.unload();
+        player.destroy();
         console.error('播放器错误:', err)
         // 3 秒后尝试重新加载
         setTimeout(() => {
-          player.load()
-          player.play()
+          console.error('重新加载【'+cameraIndexCode+'】' )
+          createPlayer(cameraIndexCode,videoElement);
         }, 3000)
       })
 

src/layout/components/CoreVideo/index.vue

@@ -110,11 +110,12 @@ let isCollect = ref(0)
         // 错误处理和重连机制
         player.on(mpegtsjs.Events.ERROR, (err) => {
           player.unload();
+          player.destroy();
           console.error('播放器错误:', err)
           // 3 秒后尝试重新加载
           setTimeout(() => {
-            player.load()
-            player.play()
+            console.error('重新加载【'+cameraIndexCode+'】' )
+            createPlayer(cameraIndexCode,videoElement);
           }, 3000)
         })
 

src/utils/config.js

@@ -7,6 +7,6 @@ export const proSocketBaseUrl = 'ws://192.168.77.200:8060'
 export const mode = 'pro' // 测试 dev  正式 pro
 
 export const devToken =
-  'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImE1OWFmNWYwLTU3OWItNDJkNy1hZDJhLTY0Y2JlODA5ZWI1NiJ9.BTxvu6jUWbN0qONWf5K6VzXopE8T8qXzKuX-mij21VJT4U0LdgnqToyqeNDQ2OyJ6cvpdJBzQ9mEEb-dnwrTpQ'
+  'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImE1OWFmNWYwLTU3OWItNDJkNy1hZDJhLTY0Y2JlODA5ZWI1NiJ9.BTxvu6jUWbN0qONWf5K6VzXopE8T8qXzKuX-mij21VJT4U0LdgnqToyqeNDQ2OyJ6cvpdJBzQ9mEEb-dnwrTpQ11'
 export const proToken =
   'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImE1OWFmNWYwLTU3OWItNDJkNy1hZDJhLTY0Y2JlODA5ZWI1NiJ9.dSLZekRsYf5ZZDCYqFEOgHTi4GeHD0m10gGHXrbgpc-hD52Zt7Vw05cxhQ-lzY29yf2IxH0oYi28DBfHdtf9SA'

src/views/collect/components/video-box.vue

@@ -284,11 +284,12 @@
         // 错误处理和重连机制
         player.on(mpegtsjs.Events.ERROR, (err) => {
           player.unload();
+          player.destroy();
           console.error('播放器错误:', err)
           // 3 秒后尝试重新加载
           setTimeout(() => {
-            player.load()
-            player.play()
+            console.error('重新加载【'+cameraIndexCode+'】' )
+            createPlayer(cameraIndexCode,videoElement);
           }, 3000)
         })
 

src/views/hotel/components/video-box.vue

@@ -338,11 +338,12 @@
         // 错误处理和重连机制
         player.on(mpegtsjs.Events.ERROR, (err) => {
           player.unload();
+          player.destroy();
           console.error('播放器错误:', err)
           // 3 秒后尝试重新加载
           setTimeout(() => {
-            player.load()
-            player.play()
+            console.error('重新加载【'+cameraIndexCode+'】' )
+            createPlayer(cameraIndexCode,videoElement);
           }, 3000)
         })
 

src/views/monitor/components/box-2.vue

@@ -273,7 +273,6 @@ const postVideoRemain = async () => {
   //   })
   // }, 2000)
 }
-
 const initVideo = () => {
   clearHlsRefs()
   nextTick(() => {
@@ -284,7 +283,6 @@ const initVideo = () => {
   })
 }
 const onInput = debounce((e) => {
-
   if (e) {
     getVideoRegions('search')
   } else {
@@ -370,9 +368,11 @@ const handleItemVideo = async (url, type, code, item) => {
         console.error('播放器错误:', err)
         // 3 秒后尝试重新加载
         hlsRef.unload()
+        hlsRef.destroy()
+        // 3 秒后尝试重新加载
         setTimeout(() => {
-          hlsRef.load()
-          hlsRef.play()
+          console.error('重新加载【'+cameraIndexCode+'】' )
+          handleItemVideo(url, 101, code, item);
         }, 3000)
       })
     } else {
@@ -491,15 +491,19 @@ const createPlayer = (cameraIndexCode,videoElement) => {
       player.play()
       // 错误处理和重连机制
       player.on(mpegtsjs.Events.ERROR, (err) => {
+        console.error('播放器错误【'+cameraIndexCode+'】:', err)
         player.unload();
-        console.error('播放器错误:', err)
+        player.destroy();
         // 3 秒后尝试重新加载
         setTimeout(() => {
-          player.load()
-          player.play()
+          console.error('重新加载【'+cameraIndexCode+'】' )
+          createPlayer(cameraIndexCode,videoElement);
         }, 3000)
-      })
 
+      })
+      player.on(mpegtsjs.Events.LOADING_COMPLETE, (err) => {
+        console.error('加载完成:', err)
+      })
       hlsRefs.push(player)
     }
     else{