类型：开发

描述：

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

@@ -243,11 +243,14 @@
 	    isCollect: status == 0 ? 1 : 0
 	  })
 	  if (status == 0) {
-		  thisVideo.value.isCollect=1
+      if(thisVideo.value){
+        thisVideo.value.isCollect=1
+      }
 	    videoList.value[index].isCollect = 1
-
 	  } else {
-		  thisVideo.value.isCollect=0
+      if(thisVideo.value){
+        thisVideo.value.isCollect=0
+      }
 	    videoList.value[index].isCollect = 0
 	  }
 	  pubSub.publish('videoCollect', id)
@@ -394,16 +397,38 @@
 	  videoLog.value = 2
 	  cameraIndexCode.value = code
 	  setTimeout(() => {
-	    hlsRef = new Hls({
-	      maxBufferLength: 10, // 最大缓冲长度（秒）
-	      maxMaxBufferLength: 15, // 缓冲区长度的上限
-	      maxBufferSize: 30 * 1000 * 1000 // 最大缓冲大小（字节）
-	    })
-	    hlsRef.loadSource(url)
-	    hlsRef.attachMedia(videoRef.value)
-	    hlsRef.on(Hls.Events.MANIFEST_PARSED, () => {
-	      videoRef.value.play()
-	    })
+      if(url.startsWith('ws')){
+        const player = mpegtsjs.createPlayer({
+          url: url,
+          type: 'flv',
+          isLive: true,
+          hasAudio: false
+        })
+        player.attachMediaElement(videoRef.value)
+        player.load()
+        player.play()
+
+        // 错误处理和重连机制
+        player.on('error', (err) => {
+          // 3 秒后尝试重新加载
+          setTimeout(() => {
+            player.load()
+            player.play()
+          }, 3000)
+        })
+      }else{
+        hlsRef = new Hls({
+          maxBufferLength: 10, // 最大缓冲长度（秒）
+          maxMaxBufferLength: 15, // 缓冲区长度的上限
+          maxBufferSize: 30 * 1000 * 1000 // 最大缓冲大小（字节）
+        })
+        hlsRef.loadSource(url)
+        hlsRef.attachMedia(videoRef.value)
+        hlsRef.on(Hls.Events.MANIFEST_PARSED, () => {
+          videoRef.value.play()
+        })
+      }
+
 	    if (type == 100) initVideo()
 	  }, 1000)
 	}
@@ -412,17 +437,39 @@
 	  nextTick(() => {
 	    videoList.value.forEach(async (item, index) => {
 	      const video = document.getElementById(`monitorVideo${index}`)
-	      const hls = new Hls({
-	        maxBufferLength: 10, // 最大缓冲长度（秒）
-	        maxMaxBufferLength: 15, // 缓冲区长度的上限
-	        maxBufferSize: 30 * 1000 * 1000 // 最大缓冲大小（字节）
-	      })
-	      hls.loadSource(item.hlsUrl)
-	      hls.attachMedia(video)
-	      hls.on(Hls.Events.MANIFEST_PARSED, () => {
-	        video.play()
-	      })
-	      hlsRefs.push(hls)
+        if(item.hlsUrl.startsWith('ws')){
+          var player = mpegtsjs.createPlayer({
+            url: item.hlsUrl,
+            type: 'flv',
+            isLive: true,
+            hasAudio: false
+          })
+          player.attachMediaElement(video)
+          player.load()
+          player.play()
+
+          // 错误处理和重连机制
+          player.on('error', (err) => {
+            // 3 秒后尝试重新加载
+            setTimeout(() => {
+              player.load()
+              player.play()
+            }, 3000)
+          })
+        }else{
+          const hls = new Hls({
+            maxBufferLength: 10, // 最大缓冲长度（秒）
+            maxMaxBufferLength: 15, // 缓冲区长度的上限
+            maxBufferSize: 30 * 1000 * 1000 // 最大缓冲大小（字节）
+          })
+          hls.loadSource(item.hlsUrl)
+          hls.attachMedia(video)
+          hls.on(Hls.Events.MANIFEST_PARSED, () => {
+            video.play()
+          })
+          hlsRefs.push(hls)
+        }
+
 	    })
 	  })
 	}