bugfix

src/components/supervisory/Index.vue

@@ -180,6 +180,7 @@ export default {
             id: data.id,
           };
           this.$forceUpdate();
+          let ts = new Date().getTime();
           getVideoLiveAddressUrl(data.id).then((res) => {
             if (res.data.live_address_url) {
               this.$nextTick(() => {
@@ -187,11 +188,12 @@ export default {
                   `video-container-${nullIndex + 1}`
                 );
                 myVideoDiv.innerHTML = `<video
-            id="singleVideo${nullIndex + 1}"
+            id="singleVideo${ts}"
             autoplay="autoplay"
             class="video-js vjs-default-skin"
+            muted="muted"
           ></video>`;
-                const singlePlayer = videojs(`singleVideo${nullIndex + 1}`, {
+                const singlePlayer = videojs(`singleVideo${ts}`, {
                   autoplay: true, // 自动播放
                   controls: true, // 控件显示
                   preload: "auto", //定义视频加载模式
@@ -227,6 +229,7 @@ export default {
           id="singleVideo${this.cameraList.length}"
           autoplay="autoplay"
           class="video-js vjs-default-skin"
+          muted="muted"
         ></video>`;
                 const singlePlayer = videojs(
                   `singleVideo${this.cameraList.length}`,
@@ -290,29 +293,36 @@ export default {
               player: undefined,
               id: id,
             });
-            this.$nextTick(() => {
-              const myVideoDiv = document.getElementById(
-                `video-container-${index + 1}`
-              );
-              myVideoDiv.innerHTML = `<video
-          id="singleVideo${index + 1}"
+            let ts = new Date().getTime();
+            setTimeout(() => {
+              this.$nextTick(() => {
+                const myVideoDiv = document.getElementById(
+                  `video-container-${index + 1}`
+                );
+                myVideoDiv.innerHTML = `<video
+          id="singleVideo${ts}"
           autoplay="autoplay"
           class="video-js vjs-default-skin"
+          muted="muted"
         ></video>`;
-              const singlePlayer = videojs(`singleVideo${index + 1}`, {
-                autoplay: true, // 自动播放
-                controls: true, // 控件显示
-                preload: "auto", //定义视频加载模式
-                loop: true, //是否循环播放
-              });
-              singlePlayer.src({
-                src: res.data.live_address_url,
-                type: "application/x-mpegURL",
-              });
-              singlePlayer.play();
+                const singlePlayer = videojs(`singleVideo${ts}`, {
+                  autoplay: true, // 自动播放
+                  controls: true, // 控件显示
+                  preload: "auto", //定义视频加载模式
+                  loop: true, //是否循环播放
+                });
+                singlePlayer.src({
+                  src: res.data.live_address_url,
+                  type: "application/x-mpegURL",
+                });
+                this.$nextTick(() => {
+                  singlePlayer.play();
+                });
 
-              this.cameraList[index].player = singlePlayer;
-            });
+                this.cameraList[index].player = singlePlayer;
+                this.$forceUpdate();
+              });
+            }, 500);
           }
         });
       });
@@ -332,6 +342,9 @@ export default {
       }
     },
   },
+  destroyed() {
+    this.closeAll();
+  },
 };
 </script>
 <style lang="less" scoped>

src/utils/noloadingRequest.js

@@ -33,6 +33,10 @@ noLoadingrequest.interceptors.response.use(
         return response.data
     },
     error => {
+        Message({
+            message: '服务器错误',
+            type: 'error'
+        })
         console.log(error)
         return Promise.reject(new Error(error).message)
     }

src/utils/request.js

@@ -69,6 +69,10 @@ request.interceptors.response.use(
         return response.data
     },
     error => {
+        Message({
+            message: '服务器错误',
+            type: 'error'
+        })
         console.log(error)
         closeLoading()
         return Promise.reject(new Error(error).message)