Merge branch 'fix/video-time-delay' into 'main_dev'

fix: 修复videojs切换至其他页面，返回播放界面，视频时延问题

See merge request yunteng/thingskit-view!189

@@ -125,7 +125,22 @@ const initVideo = async () => {
           }
         }
       }
-      videoPlayer = videojs(videoRef.value, options)
+      videoPlayer = videojs(videoRef.value, options) //fix 修复videojs解决直播延时的问题
+      videoPlayer?.on('timeupdate', function () {
+        // 计算表最新推流的时间和现在播放器播放推流的时间
+        let differTime =
+          (videoPlayer as any as videojs.Player)?.buffered()?.end(0) -
+          (videoPlayer as any as videojs.Player)?.currentTime() // 差值小于1.5s时根据1倍速进行播放
+        if (differTime < 1.5) {
+          videoPlayer?.playbackRate(1)
+        } // 差值大于1.5s小于10s根据1.2倍速进行播放
+        if (differTime < 10 && differTime > 1.5) {
+          videoPlayer?.playbackRate(1.2)
+        } // 差值大于10s时进行重新加载直播流
+        if (differTime > 10) {
+          initVideo()
+        }
+      }) //
     }
   }
 }