mtxt-ui3 0.0.26 → 0.0.28

package/dist/components/index.cjs

@@ -6557,19 +6557,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6626,6 +6622,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -6707,7 +6706,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = vue.ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6728,19 +6727,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -6754,6 +6753,17 @@ const VideoPlayerV2 = vue.defineComponent({
         }
       });
     };
+    vue.watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);

package/dist/components/index.js

@@ -6547,19 +6547,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6616,6 +6612,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -6697,7 +6696,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -6718,19 +6717,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -6744,6 +6743,17 @@ const VideoPlayerV2 = defineComponent({
         }
       });
     };
+    watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);

package/dist/hooks/index.cjs

@@ -5967,19 +5967,15 @@ class WebRtcMt {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6036,6 +6032,9 @@ class WebRtcMt {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播

package/dist/hooks/index.js

@@ -5958,19 +5958,15 @@ class WebRtcMt {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6027,6 +6023,9 @@ class WebRtcMt {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播

package/dist/index.cjs

@@ -21,7 +21,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var zhCN__default = /*#__PURE__*/_interopDefaultLegacy(zhCN);
 
-var version = "0.0.25";
+var version = "0.0.27";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6573,19 +6573,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6642,6 +6638,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -7238,7 +7237,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = vue.ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7259,19 +7258,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -7285,6 +7284,17 @@ const VideoPlayerV2 = vue.defineComponent({
         }
       });
     };
+    vue.watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { MaybeRef, MaybeComputedRef } from '@vueuse/core';
 import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 
-var version = "0.0.25";
+var version = "0.0.27";
 
 /**
  *

package/dist/index.js

@@ -9,7 +9,7 @@ import { SearchOutlined, CaretUpOutlined, CaretRightOutlined, CaretDownOutlined,
 import 'ant-design-vue/dist/antd.less';
 import zhCN from 'dayjs/locale/zh-cn';
 
-var version = "0.0.25";
+var version = "0.0.27";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6561,19 +6561,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -6630,6 +6626,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -7226,7 +7225,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$7,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -7247,19 +7246,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -7273,6 +7272,17 @@ const VideoPlayerV2 = defineComponent({
         }
       });
     };
+    watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);

package/dist/video/index.cjs

@@ -5782,19 +5782,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -5851,6 +5847,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -5949,7 +5948,7 @@ const VideoPlayerV2 = vue.defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = vue.ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5970,19 +5969,19 @@ const VideoPlayerV2 = vue.defineComponent({
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -5996,6 +5995,17 @@ const VideoPlayerV2 = vue.defineComponent({
         }
       });
     };
+    vue.watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = vue.ref("");
     const release = async () => {
       const res = await axios__default["default"].get(releaseUrl.value);

package/dist/video/index.js

@@ -5774,19 +5774,15 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
+            resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            setTimeout(() => {
-              this.rePlay();
-            }, 10 * 1e3);
+            reject(false);
           }
-          resolve(res);
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        setTimeout(() => {
-          this.rePlay();
-        }, 10 * 1e3);
+        reject(false);
       });
     });
   }
@@ -5843,6 +5839,9 @@ class WebRtcMt$1 {
     });
     player.on(Events.WEBRTC_ON_CONNECTION_STATE_CHANGE, state => {
       console.log("webrtc:" + state);
+      if (state === "disconnected" || state === "failed") {
+        this.rePlay(videoElm);
+      }
     });
   }
   // 重播
@@ -5941,7 +5940,7 @@ const VideoPlayerV2 = defineComponent({
   props: props$1,
   emits: ["changeStream"],
   setup(_prop, _context) {
-    let play;
+    const play = ref(null);
     const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
@@ -5962,19 +5961,19 @@ const VideoPlayerV2 = defineComponent({
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
-      if (play) {
-        play.stopPlay(`videoPlayer_${uuid}`);
+      if (play.value) {
+        play.value.stopPlay(`videoPlayer_${uuid}`);
       }
     };
     const init = () => {
-      play = null;
+      play.value = null;
       let camera = videoInfo2.value;
       camera = {
         ...camera,
         ..._prop.cameraConfig
       };
       let url = camera.webrtcTemplateMerged;
-      play = new WebRtcMt$1({
+      play.value = new WebRtcMt$1({
         plays: {
           videoElm: `videoPlayer_${uuid}`,
           mediaServerAddr: camera.mediaServerPo.url,
@@ -5988,6 +5987,17 @@ const VideoPlayerV2 = defineComponent({
         }
       });
     };
+    watch(() => play.value.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    }, {
+      immediate: true
+    });
     const releaseUrl = ref("");
     const release = async () => {
       const res = await axios$2.get(releaseUrl.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mtxt-ui3",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "系统运营组件库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",