历史播放

src/views/appmana/liveCamra/MonitorModal.vue

@@ -68,6 +68,34 @@ function statistic(record) {
   if(camType.value == 'ball' || camType.value === 'halfball') {
     width.value = 1000;
   }
+  if(record.isRewind) {
+    if(record.deviceReverseIotUrl && record.deviceReverseIotUrl != ''){
+      let videohtml =
+        `<div style="width: 100%;height: 600px;margin:auto;"><div id="videos" style="width: 100%; height: 100%"></div></div>`
+      nextTick(() => {
+        let dom = document.querySelector('#parent2')
+        dom.innerHTML = videohtml
+        player.value = new EZUIKit.EZUIKitPlayer({
+          id: 'videos', // 视频容器ID
+          accessToken: record.ysToken,
+          url: record.deviceReverseIotUrl,
+          audio: 0,
+          autoplay: true,
+          // simple: 极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放;security: 安防版; voice: 语音版;
+          template: 'security',
+          // themeData: this.themeData,
+          plugin: ['expend'], // 加载插件，talk-对讲
+          height: 600,
+          showStreamInfo:false,
+        })
+        playerType.value = 'ys';
+
+        const videosWrap = document.getElementById('videos-wrap');
+        videosWrap.style.height = '100%';
+      })
+    }
+  }else{
+
     if(record.deviceIotUrl && record.deviceIotUrl != ''){
       let videohtml =
         `<div style="width: 100%;height: 600px;margin:auto;"><div id="videos" style="width: 100%; height: 100%"></div></div>`
@@ -126,31 +154,10 @@ function statistic(record) {
         playerType.value = 'm3u8';
         player.value.play();
       })
-  }else if(record.deviceReverseIotUrl && record.deviceReverseIotUrl != ''){
-    let videohtml =
-      `<div style="width: 100%;height: 600px;margin:auto;"><div id="videos" style="width: 100%; height: 100%"></div></div>`
-    nextTick(() => {
-      let dom = document.querySelector('#parent2')
-      dom.innerHTML = videohtml
-      player.value = new EZUIKit.EZUIKitPlayer({
-        id: 'videos', // 视频容器ID
-        accessToken: record.ysToken,
-        url: record.deviceReverseIotUrl,
-        audio: 0,
-        autoplay: true,
-        // simple: 极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放;security: 安防版; voice: 语音版;
-        template: 'security',
-        // themeData: this.themeData,
-        plugin: ['expend'], // 加载插件，talk-对讲
-        height: 600,
-        showStreamInfo:false,
-      })
-      playerType.value = 'ys';
-
-      const videosWrap = document.getElementById('videos-wrap');
-      videosWrap.style.height = '100%';
-    })
     }
+  }
+
+
 }
 
 /**

src/views/appmana/liveCamra/index.vue

@@ -45,6 +45,7 @@
    * 查看监控
    */
   function handleMonitor(record) {
+    record.isRewind = false;
     monitorRegisterModal.value.statistic(record);
   }
 
@@ -52,6 +53,7 @@
    * 查看历史监控
    */
   function handleHisMonitor(record) {
+    record.isRewind = true;
     monitorRegisterModal.value.statistic(record);
   }