inl-ui 0.1.35 → 0.1.37

package/dist/components/index.cjs

@@ -8715,6 +8715,10 @@ const props$8 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = vue.defineComponent({
@@ -8722,7 +8726,7 @@ const VideoPlayerV2 = vue.defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -8732,11 +8736,13 @@ const VideoPlayerV2 = vue.defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
@@ -8803,18 +8809,20 @@ const VideoPlayerV2 = vue.defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -8843,6 +8851,7 @@ const VideoPlayerV2 = vue.defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : vue.createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -9202,6 +9211,7 @@ const VideoBoxV2 = vue.defineComponent({
       signal: 28
     }]];
     const infos = vue.ref([]);
+    const uuid = UUID();
     vue.onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -9248,12 +9258,12 @@ const VideoBoxV2 = vue.defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios__default["default"].post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -9310,9 +9320,11 @@ const VideoBoxV2 = vue.defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => vue.createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [vue.createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -9321,7 +9333,7 @@ const VideoBoxV2 = vue.defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? vue.createVNode("div", {
+    }, null), showInfo.value ? vue.createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -9342,7 +9354,7 @@ const VideoBoxV2 = vue.defineComponent({
     }, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return vue.createVNode("img", {

package/dist/components/index.d.ts

@@ -448,7 +448,7 @@ declare const _default$b: vue.DefineComponent<{
 }, {}>;
 
 interface videoInfo$1 {
-    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1>;
+    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1> | any;
 }
 
 declare const _default$a: vue.DefineComponent<{
@@ -472,6 +472,10 @@ declare const _default$a: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "changeStream"[], "changeStream", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     camera: {
         require: boolean;
@@ -493,6 +497,10 @@ declare const _default$a: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onChangeStream?: ((...args: any[]) => any) | undefined;
 }, {
@@ -500,6 +508,7 @@ declare const _default$a: vue.DefineComponent<{
     cameraConfig: Record<string, any>;
     token: string;
     baseUrl: string;
+    domId: string;
 }, {}>;
 
 interface videoInfo {

package/dist/components/index.js

@@ -8704,6 +8704,10 @@ const props$8 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = defineComponent({
@@ -8711,7 +8715,7 @@ const VideoPlayerV2 = defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -8721,11 +8725,13 @@ const VideoPlayerV2 = defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
@@ -8792,18 +8798,20 @@ const VideoPlayerV2 = defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -8832,6 +8840,7 @@ const VideoPlayerV2 = defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -9191,6 +9200,7 @@ const VideoBoxV2 = defineComponent({
       signal: 28
     }]];
     const infos = ref([]);
+    const uuid = UUID();
     onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -9237,12 +9247,12 @@ const VideoBoxV2 = defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios$2.post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -9299,9 +9309,11 @@ const VideoBoxV2 = defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -9310,7 +9322,7 @@ const VideoBoxV2 = defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? createVNode("div", {
+    }, null), showInfo.value ? createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -9331,7 +9343,7 @@ const VideoBoxV2 = defineComponent({
     }, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return createVNode("img", {

package/dist/index.cjs

@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
 
-var version = "0.1.34";
+var version = "0.1.36";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -9718,6 +9718,10 @@ const props$8 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = vue.defineComponent({
@@ -9725,7 +9729,7 @@ const VideoPlayerV2 = vue.defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -9735,11 +9739,13 @@ const VideoPlayerV2 = vue.defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
@@ -9806,18 +9812,20 @@ const VideoPlayerV2 = vue.defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -9846,6 +9854,7 @@ const VideoPlayerV2 = vue.defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : vue.createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -10205,6 +10214,7 @@ const VideoBoxV2 = vue.defineComponent({
       signal: 28
     }]];
     const infos = vue.ref([]);
+    const uuid = UUID();
     vue.onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -10251,12 +10261,12 @@ const VideoBoxV2 = vue.defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios__default["default"].post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -10313,9 +10323,11 @@ const VideoBoxV2 = vue.defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => vue.createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [vue.createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -10324,7 +10336,7 @@ const VideoBoxV2 = vue.defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? vue.createVNode("div", {
+    }, null), showInfo.value ? vue.createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -10345,7 +10357,7 @@ const VideoBoxV2 = vue.defineComponent({
     }, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return vue.createVNode("img", {

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.34";
+var version = "0.1.36";
 
 declare const _default$p: {
     set(theme: string): void;
@@ -397,7 +397,7 @@ type RequetFunction = (...args: any[]) => any;
 declare function usePoolingReq(reqFn: RequetFunction, isInterval?: MaybeComputedRef<Boolean>, interval?: number): void;
 
 interface videoInfo$1 {
-    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1>;
+    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1> | any;
 }
 interface PlayVideoArgs {
     videoElm: string;
@@ -1233,6 +1233,10 @@ declare const _default$b: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "changeStream"[], "changeStream", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     camera: {
         require: boolean;
@@ -1254,11 +1258,16 @@ declare const _default$b: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onChangeStream?: ((...args: any[]) => any) | undefined;
 }, {
     fill: string;
     token: string;
+    domId: string;
     cameraConfig: Record<string, any>;
     baseUrl: string;
 }, {}>;

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.34";
+var version = "0.1.36";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -9687,6 +9687,10 @@ const props$8 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = defineComponent({
@@ -9694,7 +9698,7 @@ const VideoPlayerV2 = defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -9704,11 +9708,13 @@ const VideoPlayerV2 = defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
@@ -9775,18 +9781,20 @@ const VideoPlayerV2 = defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -9815,6 +9823,7 @@ const VideoPlayerV2 = defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -10174,6 +10183,7 @@ const VideoBoxV2 = defineComponent({
       signal: 28
     }]];
     const infos = ref([]);
+    const uuid = UUID();
     onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -10220,12 +10230,12 @@ const VideoBoxV2 = defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios$2.post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -10282,9 +10292,11 @@ const VideoBoxV2 = defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -10293,7 +10305,7 @@ const VideoBoxV2 = defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? createVNode("div", {
+    }, null), showInfo.value ? createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -10314,7 +10326,7 @@ const VideoBoxV2 = defineComponent({
     }, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return createVNode("img", {

package/dist/tplib/index.d.ts

@@ -1,5 +1,5 @@
 interface videoInfo {
-    [key: string]: string | number | boolean | videoInfo | Array<videoInfo>;
+    [key: string]: string | number | boolean | videoInfo | Array<videoInfo> | any;
 }
 interface PlayVideoArgs {
     videoElm: string;

package/dist/video/index.cjs

@@ -5876,14 +5876,6 @@ class WebRtcMt$1 {
   }
 }
 
-const UUID = (n = 16) => {
-  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
-    const r = Math.random() * 16 | 0,
-      v = c == "x" ? r : r & 3 | 8;
-    return v.toString(n);
-  });
-};
-
 const props$5 = {
   // 视频信息|视频源uuid
   camera: {
@@ -5906,6 +5898,10 @@ const props$5 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = vue.defineComponent({
@@ -5913,7 +5909,7 @@ const VideoPlayerV2 = vue.defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -5923,11 +5919,13 @@ const VideoPlayerV2 = vue.defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
@@ -5994,18 +5992,20 @@ const VideoPlayerV2 = vue.defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -6034,6 +6034,7 @@ const VideoPlayerV2 = vue.defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : vue.createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -6327,6 +6328,14 @@ const VideoBox = vue.defineComponent({
 });
 var videoBox = installComponent(VideoBox, "video-box");
 
+const UUID = (n = 16) => {
+  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
+    const r = Math.random() * 16 | 0,
+      v = c == "x" ? r : r & 3 | 8;
+    return v.toString(n);
+  });
+};
+
 const props$3 = {
   // 视频信息|视频源uuid
   camera: {
@@ -6393,6 +6402,7 @@ const VideoBoxV2 = vue.defineComponent({
       signal: 28
     }]];
     const infos = vue.ref([]);
+    const uuid = UUID();
     vue.onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -6439,12 +6449,12 @@ const VideoBoxV2 = vue.defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios__default["default"].post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -6501,9 +6511,11 @@ const VideoBoxV2 = vue.defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => vue.createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [vue.createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -6512,7 +6524,7 @@ const VideoBoxV2 = vue.defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? vue.createVNode("div", {
+    }, null), showInfo.value ? vue.createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -6533,7 +6545,7 @@ const VideoBoxV2 = vue.defineComponent({
     }, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return vue.createVNode("img", {

package/dist/video/index.d.ts

@@ -70,7 +70,7 @@ declare const _default$6: vue.DefineComponent<{
 }, {}>;
 
 interface videoInfo$1 {
-    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1>;
+    [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1> | any;
 }
 
 declare const _default$5: vue.DefineComponent<{
@@ -94,6 +94,10 @@ declare const _default$5: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "changeStream"[], "changeStream", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     camera: {
         require: boolean;
@@ -115,6 +119,10 @@ declare const _default$5: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onChangeStream?: ((...args: any[]) => any) | undefined;
 }, {
@@ -122,6 +130,7 @@ declare const _default$5: vue.DefineComponent<{
     cameraConfig: Record<string, any>;
     token: string;
     baseUrl: string;
+    domId: string;
 }, {}>;
 
 interface videoInfo {

package/dist/video/index.js

@@ -5867,14 +5867,6 @@ class WebRtcMt$1 {
   }
 }
 
-const UUID = (n = 16) => {
-  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
-    const r = Math.random() * 16 | 0,
-      v = c == "x" ? r : r & 3 | 8;
-    return v.toString(n);
-  });
-};
-
 const props$5 = {
   // 视频信息|视频源uuid
   camera: {
@@ -5897,6 +5889,10 @@ const props$5 = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = defineComponent({
@@ -5904,7 +5900,7 @@ const VideoPlayerV2 = defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -5914,11 +5910,13 @@ const VideoPlayerV2 = defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
@@ -5985,18 +5983,20 @@ const VideoPlayerV2 = defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -6025,6 +6025,7 @@ const VideoPlayerV2 = defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,
@@ -6318,6 +6319,14 @@ const VideoBox = defineComponent({
 });
 var videoBox = installComponent(VideoBox, "video-box");
 
+const UUID = (n = 16) => {
+  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
+    const r = Math.random() * 16 | 0,
+      v = c == "x" ? r : r & 3 | 8;
+    return v.toString(n);
+  });
+};
+
 const props$3 = {
   // 视频信息|视频源uuid
   camera: {
@@ -6384,6 +6393,7 @@ const VideoBoxV2 = defineComponent({
       signal: 28
     }]];
     const infos = ref([]);
+    const uuid = UUID();
     onMounted(() => {
       showInfo.value = _prop.showInfo;
     });
@@ -6430,12 +6440,12 @@ const VideoBoxV2 = defineComponent({
         }
       });
     };
-    const getVideoParams = async uuid => {
+    const getVideoParams = async uuid2 => {
       const arr = infos.value.map(info => {
         return {};
       });
       const res = await axios$2.post("/api/vms/v1/cameraRelThing/getByParam", {
-        cameraUuid: uuid
+        cameraUuid: uuid2
       }, {
         headers: {
           token: sessionStorage.getItem("token")
@@ -6492,9 +6502,11 @@ const VideoBoxV2 = defineComponent({
       cameraConfig.value.webrtcTemplateMerged = res.data.data[0];
     };
     return () => createVNode("div", {
+      "id": "videoBox_" + uuid,
       "class": ["videoBox", _prop.alarm ? "alarm" : ""]
     }, [createVNode(VideoPlayerV2, {
       "ref": player,
+      "domId": uuid,
       "camera": camera.value,
       "cameraConfig": cameraConfig.value,
       "fill": fill.value,
@@ -6503,7 +6515,7 @@ const VideoBoxV2 = defineComponent({
           streamType: streamHistory.value || camera.value.streamType
         };
       }
-    }, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? createVNode("div", {
+    }, null), showInfo.value ? createVNode("div", {
       "class": "selectFields"
     }, [[0, 1, 2, 3, 4, 5].map(index => {
       let info = {};
@@ -6524,7 +6536,7 @@ const VideoBoxV2 = defineComponent({
     }, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
       "class": "tool"
     }, [_prop.btns.map(btn => {
-      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
+      if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "fullScreen" && btn !== "look")) {
         switch (btn) {
           case "fill":
             return createVNode("img", {

package/dist/videoMobile/index.cjs

@@ -5872,14 +5872,6 @@ function installComponent(component, name, withPrefix = true) {
   return component;
 }
 
-const UUID = (n = 16) => {
-  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
-    const r = Math.random() * 16 | 0,
-      v = c == "x" ? r : r & 3 | 8;
-    return v.toString(n);
-  });
-};
-
 const props = {
   // 视频信息|视频源uuid
   camera: {
@@ -5902,6 +5894,10 @@ const props = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = vue.defineComponent({
@@ -5909,7 +5905,7 @@ const VideoPlayerV2 = vue.defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -5919,11 +5915,13 @@ const VideoPlayerV2 = vue.defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = vue.ref({});
     const stopPlay = () => {
@@ -5990,18 +5988,20 @@ const VideoPlayerV2 = vue.defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -6030,6 +6030,7 @@ const VideoPlayerV2 = vue.defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : vue.createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,

package/dist/videoMobile/index.d.ts

@@ -3,7 +3,7 @@ import { PropType } from 'vue';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 
 interface videoInfo {
-    [key: string]: string | number | boolean | videoInfo | Array<videoInfo>;
+    [key: string]: string | number | boolean | videoInfo | Array<videoInfo> | any;
 }
 
 declare const _default: vue.DefineComponent<{
@@ -27,6 +27,10 @@ declare const _default: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "changeStream"[], "changeStream", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     camera: {
         require: boolean;
@@ -48,6 +52,10 @@ declare const _default: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    domId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onChangeStream?: ((...args: any[]) => any) | undefined;
 }, {
@@ -55,6 +63,7 @@ declare const _default: vue.DefineComponent<{
     cameraConfig: Record<string, any>;
     token: string;
     baseUrl: string;
+    domId: string;
 }, {}>;
 
 export { _default as VideoPlayerV2 };

package/dist/videoMobile/index.js

@@ -5864,14 +5864,6 @@ function installComponent(component, name, withPrefix = true) {
   return component;
 }
 
-const UUID = (n = 16) => {
-  return "xxxx-xx-4x-yx-xx".replace(/[xy]/g, c => {
-    const r = Math.random() * 16 | 0,
-      v = c == "x" ? r : r & 3 | 8;
-    return v.toString(n);
-  });
-};
-
 const props = {
   // 视频信息|视频源uuid
   camera: {
@@ -5894,6 +5886,10 @@ const props = {
   baseUrl: {
     type: String,
     default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = defineComponent({
@@ -5901,7 +5897,7 @@ const VideoPlayerV2 = defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -5911,11 +5907,13 @@ const VideoPlayerV2 = defineComponent({
       } else if (elm.webkitRequestFullScreen) {
         elm.webkitRequestFullScreen();
       }
-      setTimeout(() => {
-        window.onresize = () => {
-          _context.emit("changeStream");
-        };
-      }, 500);
+      if (videoInfo2.value.brandTypeCode !== "MP4") {
+        setTimeout(() => {
+          window.onresize = () => {
+            _context.emit("changeStream");
+          };
+        }, 500);
+      }
     };
     const videoInfo2 = ref({});
     const stopPlay = () => {
@@ -5982,18 +5980,20 @@ const VideoPlayerV2 = defineComponent({
           token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
       if (res.status === 200) {
-        const {
-          data
-        } = detailRes;
         if (res.data.data[0]) {
-          data.data.webrtcTemplateMerged = res.data.data[0];
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
           releaseUrl.value = res.data.data[1];
-          data.data.mediaServerPo.url = res.data.data[2];
-          videoInfo2.value = {
-            ...data.data,
-            ..._prop.cameraConfig
-          };
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
           init();
         }
       }
@@ -6022,6 +6022,7 @@ const VideoPlayerV2 = defineComponent({
       "muted": true,
       "autoplay": true
     }, null) : createVNode("video", {
+      "id": `videoPlayer_${uuid}`,
       "class": "videoComponent fill",
       "src": videoInfo2.value.mp4ResourcesPath,
       "autoplay": true,

package/package.json

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