安防监控

src/views/monitoring/camera/index.vue

@@ -601,7 +601,10 @@ export default {
               }
               videoElement1.playbackRate = playbackRate;
               if (videoElement1.paused) {
-                videoElement1.play();
+                setTimeout(() => {
+                  videoElement1.play();
+                }, 10);
+                
               }
             }
           }, 1000);
@@ -624,11 +627,19 @@ export default {
     // 单分屏点击事件。
     clickhandleitem(data, index) {
       if (this.btn == 0) {
-        this.destoryVideo(this.flvPlayerList1[0]);
-        this.flvPlayerList1.shift();
+        for (var j of this.flvPlayerList1) {
+          this.destoryVideo(this.flvPlayerList1[0]);
+          this.flvPlayerList1.shift();
+        }
+        console.log(this.flvPlayerList1, 123456);
         this.url1 = this.cameraList[index].caddr;
         this.singleplayvideo("flvPlayer1", this.url1, "");
       } else if (this.btn == 1) {
+        console.log(this.flvPlayerList1, 123456);
+        for (var j of this.flvPlayerList1) {
+          this.destoryVideo(this.flvPlayerList1[0]);
+          this.flvPlayerList1.shift();
+        }
         this.fourvideo = 1;
         this.clickindex = index;
         for (var i of this.flvPlayerList1) {
@@ -667,28 +678,28 @@ export default {
       this.dan = false;
       $("#allvideos").attr({ disabled: "disabled" });
       $("#onevideos").removeAttr("disabled");
-      console.log("######111######");
+      // console.log("######111######");
       for (var i of this.flvPlayerList1) {
         this.destoryVideo(this.flvPlayerList1[0]);
         this.flvPlayerList1.shift();
       }
-      console.log(this.cameraList)
-      if(this.cameraList.length<this.fourvideo){
+      console.log(this.cameraList);
+      if (this.cameraList.length < this.fourvideo) {
         for (var i = 0; i < this.cameraList.length; i++) {
           this.url1 = this.cameraList[i].caddr;
+
           // 报错原因是这个地址没有视频
-          // console.log(this.url1);
-        this.singleplayvideo("flvPlayer" + i, this.url1, i);
-      }
-      }else{
-         for (var i = 0; i < this.fourvideo; i++) {
+          console.log(this.url1);
+          this.singleplayvideo("flvPlayer" + i, this.url1, i);
+        }
+      } else {
+        for (var i = 0; i < this.fourvideo; i++) {
           this.url1 = this.cameraList[i].caddr;
           // 报错原因是这个地址没有视频
           // console.log(this.url1);
-        this.singleplayvideo("flvPlayer" + i, this.url1, i);
-      }
+          this.singleplayvideo("flvPlayer" + i, this.url1, i);
+        }
       }
-      
     },
     /** 查询安防监控列表 */
     getList(a) {
@@ -707,6 +718,25 @@ export default {
     caoZuoTypefun() {
       this.getList();
     },
+    reloadVideo(flvPlayer) {
+      this.destoryVideo(flvPlayer);
+      try {
+        this.createVideo();
+      } finally {
+        this.algain();
+      }
+    },
+    algain() {
+      if (this.createVideo() !== error) {
+        return;
+      } else {
+        try {
+          this.createVideo();
+        } catch (e) {
+          console.log(e);
+        }
+      }
+    },
     // 全通道
     // all() {
     //   this.sixvideo = 6;
@@ -722,11 +752,11 @@ export default {
     //     this.singleplayvideo("flvPlayer" + i, this.url1, i);
     //   }
     // },
-    reloadVideo(flvPlayer) {
-      this.destoryVideo(flvPlayer);
-      this.createVideo();
-      // this.singleplayvideo();
-    },
+    // reloadVideo(flvPlayer) {
+    //   this.destoryVideo(flvPlayer);
+    //   this.createVideo();
+    //   // this.singleplayvideo();
+    // },
     destoryVideo(flvPlayer) {
       flvPlayer.pause();
       flvPlayer.unload();