inl-ui 0.1.151 → 0.1.152

package/dist/components/index.cjs

@@ -17145,12 +17145,22 @@ const VideoPlayBack = vue.defineComponent({
     const isPlaying = vue.ref(false);
     const currentPlayTime = vue.ref(0);
     const currentPlayPercent = vue.ref(0);
+    const videoInfo = vue.ref({});
     const startTime = vue.ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios__default["default"].get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -17163,14 +17173,14 @@ const VideoPlayBack = vue.defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -17279,7 +17289,17 @@ const VideoPlayBack = vue.defineComponent({
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? vue.createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && vue.createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && vue.createVNode(vue.Fragment, null, [isError.value ? vue.createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -17323,7 +17343,7 @@ const VideoPlayBack = vue.defineComponent({
     }, [formatTime(fullDuration.value)])]), vue.createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])])]);
   }
 });
 

package/dist/components/index.js

@@ -17116,12 +17116,22 @@ const VideoPlayBack = defineComponent({
     const isPlaying = ref(false);
     const currentPlayTime = ref(0);
     const currentPlayPercent = ref(0);
+    const videoInfo = ref({});
     const startTime = ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios$3.get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -17134,14 +17144,14 @@ const VideoPlayBack = defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -17250,7 +17260,17 @@ const VideoPlayBack = defineComponent({
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && createVNode(Fragment, null, [isError.value ? createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -17294,7 +17314,7 @@ const VideoPlayBack = defineComponent({
     }, [formatTime(fullDuration.value)])]), createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])])]);
   }
 });
 

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.150";
+var version = "0.1.151";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -18131,12 +18131,22 @@ const VideoPlayBack = vue.defineComponent({
     const isPlaying = vue.ref(false);
     const currentPlayTime = vue.ref(0);
     const currentPlayPercent = vue.ref(0);
+    const videoInfo = vue.ref({});
     const startTime = vue.ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios__default["default"].get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -18149,14 +18159,14 @@ const VideoPlayBack = vue.defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -18265,7 +18275,17 @@ const VideoPlayBack = vue.defineComponent({
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? vue.createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && vue.createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && vue.createVNode(vue.Fragment, null, [isError.value ? vue.createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -18309,7 +18329,7 @@ const VideoPlayBack = vue.defineComponent({
     }, [formatTime(fullDuration.value)])]), vue.createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])])]);
   }
 });
 

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.150";
+var version = "0.1.151";
 
 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.150";
+var version = "0.1.151";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -18100,12 +18100,22 @@ const VideoPlayBack = defineComponent({
     const isPlaying = ref(false);
     const currentPlayTime = ref(0);
     const currentPlayPercent = ref(0);
+    const videoInfo = ref({});
     const startTime = ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios$3.get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -18118,14 +18128,14 @@ const VideoPlayBack = defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -18234,7 +18244,17 @@ const VideoPlayBack = defineComponent({
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && createVNode(Fragment, null, [isError.value ? createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -18278,7 +18298,7 @@ const VideoPlayBack = defineComponent({
     }, [formatTime(fullDuration.value)])]), createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])])]);
   }
 });
 

package/dist/video/index.cjs

@@ -14182,12 +14182,22 @@ const VideoPlayBack = vue.defineComponent({
     const isPlaying = vue.ref(false);
     const currentPlayTime = vue.ref(0);
     const currentPlayPercent = vue.ref(0);
+    const videoInfo = vue.ref({});
     const startTime = vue.ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios__default["default"].get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -14200,14 +14210,14 @@ const VideoPlayBack = vue.defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -14316,7 +14326,17 @@ const VideoPlayBack = vue.defineComponent({
     return () => vue.createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? vue.createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && vue.createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && vue.createVNode(vue.Fragment, null, [isError.value ? vue.createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -14360,7 +14380,7 @@ const VideoPlayBack = vue.defineComponent({
     }, [formatTime(fullDuration.value)])]), vue.createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? vue.createVNode(iconsVue.FullscreenExitOutlined, null, null) : vue.createVNode(iconsVue.FullscreenOutlined, null, null)])])])])]);
   }
 });
 

package/dist/video/index.js

@@ -14154,12 +14154,22 @@ const VideoPlayBack = defineComponent({
     const isPlaying = ref(false);
     const currentPlayTime = ref(0);
     const currentPlayPercent = ref(0);
+    const videoInfo = ref({});
     const startTime = ref(props.start);
     const init = async () => {
       isLoading.value = true;
       isError.value = false;
       console.log("init video");
       stopStream();
+      const detailRes = await axios$3.get(`/api/vms/v1/camera/getByUuid?uuid=${props.cameraId}`, {
+        headers: {
+          token: sessionStorage.getItem("token") || ""
+        }
+      });
+      const {
+        data
+      } = detailRes;
+      videoInfo.value = data.data;
       const params = {
         buzKey: "playback_" + props.cameraId,
         cUuid: props.cameraId,
@@ -14172,14 +14182,14 @@ const VideoPlayBack = defineComponent({
           token: sessionStorage.getItem("token") || ""
         }
       }).then(async ({
-        data
+        data: data2
       }) => {
         const {
           addStreamUrl,
           stream,
           mediaServerUrl,
           secret
-        } = data.data;
+        } = data2.data;
         const playUrl = mediaServerUrl + "/index/api/webrtc?app=live&stream=" + stream + "&type=play";
         const plays = {
           videoElm: dom.value,
@@ -14288,7 +14298,17 @@ const VideoPlayBack = defineComponent({
     return () => createVNode("div", {
       "ref": cpnRef,
       "class": "video-play-back-cpn"
-    }, [isError.value ? createVNode("div", {
+    }, [videoInfo.value.brandTypeCode === "MP4" && createVNode("video", {
+      "ref": videoRef,
+      "id": dom.value,
+      "class": "videoComponent fill",
+      "src": videoInfo.value.mp4ResourcesPath,
+      "webkit-playsinline": "false",
+      "playsinline": "false",
+      "autoplay": true,
+      "loop": true,
+      "muted": true
+    }, null), videoInfo.value.brandTypeCode !== "MP4" && createVNode(Fragment, null, [isError.value ? createVNode("div", {
       "style": {
         width: "100%",
         textAlign: "center"
@@ -14332,7 +14352,7 @@ const VideoPlayBack = defineComponent({
     }, [formatTime(fullDuration.value)])]), createVNode("span", {
       "class": "btn-fullscreen",
       "onClick": toggleFullscreen
-    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])]);
+    }, [isFullscreen.value ? createVNode(FullscreenExitOutlined, null, null) : createVNode(FullscreenOutlined, null, null)])])])])]);
   }
 });
 

package/package.json

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