mtxt-ui3 0.0.27 → 0.0.29

package/dist/components/index.cjs

@@ -6560,12 +6560,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6633,7 +6633,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -6706,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}`);
@@ -6727,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,
@@ -6752,10 +6752,6 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -6811,6 +6807,15 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
+    vue.watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/components/index.js

@@ -6550,12 +6550,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6623,7 +6623,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -6696,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}`);
@@ -6717,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,
@@ -6742,10 +6742,6 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -6801,6 +6797,15 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
+    watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/hooks/index.cjs

@@ -5970,12 +5970,12 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6043,7 +6043,7 @@ class WebRtcMt {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放

package/dist/hooks/index.js

@@ -5961,12 +5961,12 @@ class WebRtcMt {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6034,7 +6034,7 @@ class WebRtcMt {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放

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.26";
+var version = "0.0.28";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6576,12 +6576,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6649,7 +6649,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -7237,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}`);
@@ -7258,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,
@@ -7283,10 +7283,6 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -7342,6 +7338,15 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
+    vue.watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

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.26";
+var version = "0.0.28";
 
 /**
  *

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.26";
+var version = "0.0.28";
 
 const setRem = opt => {
   const fontSize = opt.fontSize || 14;
@@ -6564,12 +6564,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -6637,7 +6637,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -7225,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}`);
@@ -7246,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,
@@ -7271,10 +7271,6 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -7330,6 +7326,15 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
+    watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/video/index.cjs

@@ -5785,12 +5785,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -5858,7 +5858,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -5948,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}`);
@@ -5969,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,
@@ -5994,10 +5994,6 @@ const VideoPlayerV2 = vue.defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = vue.ref("");
     const release = async () => {
@@ -6053,6 +6049,15 @@ const VideoPlayerV2 = vue.defineComponent({
       immediate: true,
       deep: true
     });
+    vue.watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     vue.onBeforeUnmount(() => {
       stopPlay();
     });

package/dist/video/index.js

@@ -5777,12 +5777,12 @@ class WebRtcMt$1 {
             resolve(res);
           } else {
             console.log("\u62C9\u6D41\u63A5\u53E3\u8FD4\u56DE\u5931\u8D25");
-            reject();
+            reject(false);
           }
         });
       }).catch(err => {
         console.log("\u62C9\u6D41\u63A5\u53E3\u5931\u8D25");
-        reject();
+        reject(false);
       });
     });
   }
@@ -5850,7 +5850,7 @@ class WebRtcMt$1 {
     this.stopPlay();
     setTimeout(() => {
       console.log("\u5E95\u90E8\u91CD\u64AD");
-      this.init(this.opt);
+      this.p_player = false;
     }, 5 * 1e3);
   }
   // 播放
@@ -5940,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}`);
@@ -5961,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,
@@ -5986,10 +5986,6 @@ const VideoPlayerV2 = defineComponent({
           addRtspProxyUrl: url
         }
       });
-      play.p_player.catch(error => {
-        console.log("add 500!");
-        getVideoDetail(_prop.camera);
-      });
     };
     const releaseUrl = ref("");
     const release = async () => {
@@ -6045,6 +6041,15 @@ const VideoPlayerV2 = defineComponent({
       immediate: true,
       deep: true
     });
+    watch(() => play.value?.player, nval => {
+      if (nval) {
+        console.info("player ===> ", nval);
+      } else {
+        console.log("player ===> add 500!");
+        stopPlay();
+        getVideoDetail(_prop.camera);
+      }
+    });
     onBeforeUnmount(() => {
       stopPlay();
     });

package/package.json

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