mtxt-ui3 0.0.2 → 0.0.23

package/dist/components/index.cjs

@@ -6454,11 +6454,12 @@ class RTCEndpoint extends Event$1 {
 const Events = Events$1;
 const Endpoint = RTCEndpoint;
 
-const appName$1 = "live";
 class WebRtcMt$1 {
   constructor(opt) {
+    this.opt = opt;
     this.init(opt);
   }
+  opt;
   dom;
   p_player;
   // 返回播放视频数据
@@ -6481,11 +6482,10 @@ class WebRtcMt$1 {
       addRtspProxyUrl
     } = plays;
     const stream = `v${cameraIp}-${cameraRtspPort}-${cameraChannel}-${cameraStream}`;
-    const sdpUrl = `${mediaServerAddr}/index/api/webrtc?app=${appName$1}&stream=${stream}&type=play`;
     return {
       stream,
       addRtspProxyUrl,
-      sdpUrl: mediaServerAddr.indexOf("/index/api/webrtc") > -1 ? mediaServerAddr : sdpUrl
+      sdpUrl: mediaServerAddr
     };
   }
   // 初始化
@@ -6503,6 +6503,7 @@ class WebRtcMt$1 {
       }
     }
   }
+  // protected retryTime;
   // 拉流创建播放器
   createVideo(plays) {
     this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -6516,13 +6517,17 @@ class WebRtcMt$1 {
         response.json().then(res => {
           if (res.code === 0) {
             this.startPlay(plays);
-            resolve(res);
           } else {
-            this.mediaServerAddrMap.delete(plays.videoElm);
-            reject();
-            this.log("err", "\u4ECE\u670D\u52A1\u7AEF\u62C9\u6D41\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+            setTimeout(() => {
+              this.rePlay();
+            }, 3 * 60 * 1e3);
           }
+          resolve(res);
         });
+      }).catch(err => {
+        setTimeout(() => {
+          this.rePlay();
+        }, 3 * 60 * 1e3);
       });
     });
   }
@@ -6554,10 +6559,12 @@ class WebRtcMt$1 {
   // 注册事件监听
   playEvent(player, videoElm, sdpUrl) {
     player.on(Events.WEBRTC_ICE_CANDIDATE_ERROR, e => {
-      this.log("err", "ICE \u534F\u5546\u51FA\u9519");
+      this.log("warn", "ICE \u534F\u5546\u51FA\u9519");
       this.rePlay(videoElm);
     });
-    player.on(Events.WEBRTC_ON_REMOTE_STREAMS, e => {});
+    player.on(Events.WEBRTC_ON_REMOTE_STREAMS, e => {
+      this.log("warn", "\u83B7\u53D6\u5230\u4E86\u8FDC\u7AEF\u6D41\uFF0C\u53EF\u4EE5\u64AD\u653E");
+    });
     player.on(Events.WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED, e => {
       this.log("warn", `offer anwser \u4EA4\u6362\u5931\u8D25\uFF0C\u83B7\u53D6\u89C6\u9891\u6D41\u5931\u8D25, ${e}`);
       this.rePlay(videoElm);
@@ -6578,9 +6585,10 @@ class WebRtcMt$1 {
   }
   // 重播
   rePlay(videoElm) {
+    this.stopPlay();
     setTimeout(() => {
-      this.play(videoElm);
-    }, 3e3);
+      this.init(this.opt);
+    }, 5 * 1e3);
   }
   // 播放
   play(videoElm) {
@@ -6634,10 +6642,18 @@ const props$7 = {
     require: false,
     default: "fill"
   },
-  // 定时器时间
-  intervalTime: {
-    type: Number,
-    default: 36e5
+  // token
+  token: {
+    type: String,
+    default: ""
+  },
+  baseUrl: {
+    type: String,
+    default: ""
+  },
+  domId: {
+    type: String,
+    default: ""
   }
 };
 const VideoPlayerV2 = vue.defineComponent({
@@ -6645,8 +6661,7 @@ const VideoPlayerV2 = vue.defineComponent({
   emits: ["changeStream"],
   setup(_prop, _context) {
     let play;
-    const isMtip = vue.ref(false);
-    const uuid = UUID();
+    const uuid = _prop.domId;
     const videoFull = id => {
       const elm = document.getElementById(`videoPlayer_${uuid}`);
       if (elm.requestFullScreen) {
@@ -6656,16 +6671,15 @@ 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);
+      }
     };
-    _context.expose({
-      videoFull
-    });
-    const videoInfo2 = vue.ref();
+    const videoInfo2 = vue.ref({});
     const stopPlay = () => {
       if (play) {
         play.stopPlay(`videoPlayer_${uuid}`);
@@ -6678,56 +6692,30 @@ const VideoPlayerV2 = vue.defineComponent({
         ...camera,
         ..._prop.cameraConfig
       };
-      const {
-        channel,
-        streamType
-      } = camera;
       let url = camera.webrtcTemplateMerged;
-      if (!isMtip.value && channel && streamType && url?.indexOf("${channel}") > -1 && url?.indexOf("${streamType}") > -1) {
-        url = url.replaceAll("${channel}", channel);
-        url = url.replaceAll("${streamType}", streamType);
-        play = new WebRtcMt$1({
-          plays: {
-            videoElm: `videoPlayer_${uuid}`,
-            mediaServerAddr: camera.mediaServerPo.url,
-            cameraUserName: camera.user,
-            cameraPwd: camera.pass,
-            cameraIp: camera.ip,
-            cameraRtspPort: camera.rtspPort,
-            cameraChannel: camera.channel,
-            cameraStream: camera.streamType,
-            addRtspProxyUrl: url
-          }
-        });
-      } else {
-        play = new WebRtcMt$1({
-          plays: {
-            videoElm: `videoPlayer_${uuid}`,
-            mediaServerAddr: camera.mediaServerPo.url,
-            cameraUserName: camera.user,
-            cameraPwd: camera.pass,
-            cameraIp: camera.ip,
-            cameraRtspPort: camera.rtspPort,
-            cameraChannel: camera.channel,
-            cameraStream: camera.streamType,
-            addRtspProxyUrl: url
-          }
-        });
-      }
+      play = new WebRtcMt$1({
+        plays: {
+          videoElm: `videoPlayer_${uuid}`,
+          mediaServerAddr: camera.mediaServerPo.url,
+          cameraUserName: camera.user,
+          cameraPwd: camera.pass,
+          cameraIp: camera.ip,
+          cameraRtspPort: camera.rtspPort,
+          cameraChannel: camera.channel,
+          cameraStream: camera.streamType,
+          addRtspProxyUrl: url
+        }
+      });
     };
-    const stopV = id => {
-      const videoElement = document.getElementById(id);
-      if (videoElement) {
-        videoElement.pause();
-        videoElement.removeAttribute("src");
-        videoElement.load();
-      }
+    const releaseUrl = vue.ref("");
+    const release = async () => {
+      const res = await axios__default["default"].get(releaseUrl.value);
+      return res;
     };
-    const timer = setInterval(() => {
-      stopPlay();
-      stopV(`videoPlayer_${uuid}`);
-      init();
-    }, _prop.intervalTime);
+    _context.expose({
+      videoFull,
+      release
+    });
     const getVideoDetail = async camera => {
       let uuid2 = "";
       if (camera && Object.keys(camera).length && typeof camera === "object") {
@@ -6735,34 +6723,39 @@ const VideoPlayerV2 = vue.defineComponent({
       } else if (camera && typeof camera === "string") {
         uuid2 = camera;
       }
-      const response = await fetch(`/api/vms/v1/camera/getByUuid?uuid=${uuid2}`, {
-        method: "GET",
+      if (!uuid2) {
+        return;
+      }
+      const detailRes = await axios__default["default"].get(`${_prop.baseUrl}/api/vms/v1/camera/getByUuid?uuid=${uuid2}`, {
         headers: {
-          token: sessionStorage.getItem("token") || ""
+          token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
-      const res = await response.json();
-      const urlResponse = await fetch(`/api/vms/v1/camera/getWebrtcUrls?uuid=${uuid2}`, {
-        method: "GET",
+      const res = await axios__default["default"].get(`${_prop.baseUrl}/api/vms/v1/camera/getWebrtcUrls?uuid=${uuid2}`, {
         headers: {
-          token: sessionStorage.getItem("token") || ""
+          token: _prop.token || sessionStorage.getItem("token") || ""
         }
       });
-      const urlRes = await urlResponse.json();
-      if (response.status === 200 && res.data && res.data !== "") {
-        const camera2 = res.data;
-        if (urlResponse.status === 200 && urlRes.data[0] && urlRes.data[2] && urlRes.data[2] !== "uuid not found") {
-          isMtip.value = true;
-          camera2.webrtcTemplateMerged = urlRes.data[0];
-          camera2.mediaServerPo.url = urlRes.data[2];
+      const {
+        data
+      } = detailRes;
+      videoInfo2.value = {
+        ...data.data,
+        ..._prop.cameraConfig
+      };
+      if (res.status === 200) {
+        if (res.data.data[0]) {
+          videoInfo2.value.webrtcTemplateMerged = res.data.data[0];
+          releaseUrl.value = res.data.data[1];
+          if (videoInfo2.value.mediaServerPo) {
+            videoInfo2.value.mediaServerPo.url = res.data.data[2];
+          }
+          init();
         }
-        videoInfo2.value = camera2;
-        init();
       }
     };
     vue.watch([() => _prop.camera, () => _prop.cameraConfig], ([camera, cameraConfig]) => {
       stopPlay();
-      stopV(`videoPlayer_${uuid}`);
       getVideoDetail(camera);
     }, {
       immediate: true,
@@ -6770,15 +6763,27 @@ const VideoPlayerV2 = vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       stopPlay();
-      stopV(`videoPlayer_${uuid}`);
-      clearInterval(timer);
     });
-    return () => vue.createVNode("video", {
-      "id": `videoPlayer_${uuid}`,
-      "class": `videoComponent ${_prop.fill}`,
-      "muted": true,
-      "autoplay": true
-    }, null);
+    const renderVideo = () => {
+      if (videoInfo2.value.brandTypeCode === "MP4") {
+        return vue.createVNode("video", {
+          "id": `videoPlayer_${uuid}`,
+          "class": "videoComponent fill",
+          "src": videoInfo2.value.mp4ResourcesPath,
+          "autoplay": true,
+          "loop": true,
+          "muted": true
+        }, null);
+      } else {
+        return vue.createVNode("video", {
+          "id": `videoPlayer_${uuid}`,
+          "class": `videoComponent ${_prop.fill}`,
+          "muted": true,
+          "autoplay": true
+        }, null);
+      }
+    };
+    return () => vue.createVNode(vue.Fragment, null, [renderVideo()]);
   }
 });
 var videoPlayerV2 = installComponent(VideoPlayerV2, "video-player-v2");

package/dist/components/index.d.ts

@@ -79,7 +79,7 @@ declare const _default$c: 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$b: vue.DefineComponent<{
@@ -95,9 +95,17 @@ declare const _default$b: vue.DefineComponent<{
         require: boolean;
         default: string;
     };
-    intervalTime: {
-        type: NumberConstructor;
-        default: number;
+    token: {
+        type: StringConstructor;
+        default: string;
+    };
+    baseUrl: {
+        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: {
@@ -112,16 +120,26 @@ declare const _default$b: vue.DefineComponent<{
         require: boolean;
         default: string;
     };
-    intervalTime: {
-        type: NumberConstructor;
-        default: number;
+    token: {
+        type: StringConstructor;
+        default: string;
+    };
+    baseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    domId: {
+        type: StringConstructor;
+        default: string;
     };
 }>> & {
     onChangeStream?: ((...args: any[]) => any) | undefined;
 }, {
     fill: string;
     cameraConfig: Record<string, any>;
-    intervalTime: number;
+    token: string;
+    baseUrl: string;
+    domId: string;
 }, {}>;
 
 interface videoInfo {