inl-ui 0.1.147 → 0.1.149

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 () => {
@@ -17225,6 +17228,7 @@ const VideoPlayBack = vue.defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -17234,12 +17238,14 @@ const VideoPlayBack = vue.defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -17252,18 +17258,22 @@ const VideoPlayBack = vue.defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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 () => {
@@ -17196,6 +17199,7 @@ const VideoPlayBack = defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -17205,12 +17209,14 @@ const VideoPlayBack = defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -17223,18 +17229,22 @@ const VideoPlayBack = defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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.148";
 
 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 () => {
@@ -18211,6 +18214,7 @@ const VideoPlayBack = vue.defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -18220,12 +18224,14 @@ const VideoPlayBack = vue.defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -18238,18 +18244,22 @@ const VideoPlayBack = vue.defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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.148";
 
 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.148";
 
 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 () => {
@@ -18180,6 +18183,7 @@ const VideoPlayBack = defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -18189,12 +18193,14 @@ const VideoPlayBack = defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -18207,18 +18213,22 @@ const VideoPlayBack = defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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 () => {
@@ -14260,6 +14263,7 @@ const VideoPlayBack = vue.defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -14269,12 +14273,14 @@ const VideoPlayBack = vue.defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -14287,18 +14293,22 @@ const VideoPlayBack = vue.defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     vue.onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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 () => {
@@ -14233,6 +14236,7 @@ const VideoPlayBack = defineComponent({
         startTime.value = props.start + currentPlayTime.value;
         isPlaying.value = !isPlaying.value;
       } else {
+        console.log("\u6682\u505C\u5F00\u59CBinit");
         init();
       }
     };
@@ -14242,12 +14246,14 @@ const VideoPlayBack = defineComponent({
       const passedTime = Math.round(fullDuration.value * (percent / 100));
       currentPlayTime.value = passedTime;
       startTime.value = props.start + passedTime;
+      console.log("\u6EDA\u52A8\u6761init");
       init();
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
       player.value?.delStream(video);
       player.value?.stopPlay(video);
+      console.log("stopStream");
       player.value = null;
     };
     const timeChange = () => {
@@ -14260,18 +14266,22 @@ const VideoPlayBack = defineComponent({
         currentPlayTime.value = 0;
         startTime.value = props.start;
         stopStream(`${o + props.cameraCode}`);
+        console.log("watch init", props.cameraId);
         init();
       }
-    }, {
-      immediate: true
     });
     expose({
       timeChange
     });
     onMounted(() => {
-      if (props.autoPlay) ;
+      if (props.autoPlay && props.cameraId) {
+        console.log("\u81EA\u52A8\u64AD\u653Einit");
+        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.149",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",