inl-ui 0.1.147 → 0.1.148

package/dist/components/index.cjs

@@ -17148,6 +17148,7 @@ const VideoPlayBack = vue.defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -17182,11 +17183,13 @@ const VideoPlayBack = vue.defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -17240,6 +17243,7 @@ const VideoPlayBack = vue.defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -17254,16 +17258,18 @@ const VideoPlayBack = vue.defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      stopStream();
     });
-    vue.onBeforeUnmount(stopStream);
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/dist/components/index.js

@@ -17119,6 +17119,7 @@ const VideoPlayBack = defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -17153,11 +17154,13 @@ const VideoPlayBack = defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -17211,6 +17214,7 @@ const VideoPlayBack = defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -17225,16 +17229,18 @@ const VideoPlayBack = defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    onBeforeUnmount(() => {
+      stopStream();
     });
-    onBeforeUnmount(stopStream);
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/dist/index.cjs

@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var mqtt__default = /*#__PURE__*/_interopDefaultLegacy(mqtt);
 
-var version = "0.1.146";
+var version = "0.1.147";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -18134,6 +18134,7 @@ const VideoPlayBack = vue.defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -18168,11 +18169,13 @@ const VideoPlayBack = vue.defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -18226,6 +18229,7 @@ const VideoPlayBack = vue.defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -18240,16 +18244,18 @@ const VideoPlayBack = vue.defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      stopStream();
     });
-    vue.onBeforeUnmount(stopStream);
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.146";
+var version = "0.1.147";
 
 declare const _default$p: {
     set(theme: string): void;

package/dist/index.js

@@ -14,7 +14,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.146";
+var version = "0.1.147";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -18103,6 +18103,7 @@ const VideoPlayBack = defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -18137,11 +18138,13 @@ const VideoPlayBack = defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -18195,6 +18198,7 @@ const VideoPlayBack = defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -18209,16 +18213,18 @@ const VideoPlayBack = defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    onBeforeUnmount(() => {
+      stopStream();
     });
-    onBeforeUnmount(stopStream);
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/dist/video/index.cjs

@@ -14183,6 +14183,7 @@ const VideoPlayBack = vue.defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -14217,11 +14218,13 @@ const VideoPlayBack = vue.defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -14275,6 +14278,7 @@ const VideoPlayBack = vue.defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -14289,16 +14293,18 @@ const VideoPlayBack = vue.defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      stopStream();
     });
-    vue.onBeforeUnmount(stopStream);
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/dist/video/index.js

@@ -14156,6 +14156,7 @@ const VideoPlayBack = defineComponent({
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
+      console.log("init video");
       stopStream();
       const params = {
         buzKey: "playback_" + props.cameraId,
@@ -14190,11 +14191,13 @@ const VideoPlayBack = defineComponent({
           secret
         };
         if (!player.value) {
+          console.log("new WebRtcMt");
           player.value = new WebRtcMt({
             plays,
             playback: true
           });
         } else {
+          console.log("createVideo");
           player.value.p_player = player.value.createVideo(plays);
         }
         player.value.p_player.then(async () => {
@@ -14248,6 +14251,7 @@ const VideoPlayBack = defineComponent({
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -14262,16 +14266,18 @@ const VideoPlayBack = defineComponent({
         stopStream(`${o + props.cameraCode}`);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay) {
+        init();
+      }
+    });
+    onBeforeUnmount(() => {
+      stopStream();
     });
-    onBeforeUnmount(stopStream);
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.1.147",
+  "version": "0.1.148",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",