@besovideo/webrtc-player 0.10.29 → 0.10.30

package/dist/main.browser.css

@@ -353,7 +353,6 @@
 .bvplayer-modal_title-bar {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 8px;
   font-size: 16px;
 }
 .bvplayer-modal_title-bar_close {
@@ -361,7 +360,6 @@
   pointer-events: auto;
 }
 .bvplayer-modal_body {
-  padding: 8px;
   overflow: hidden;
   overflow-y: auto;
 }
@@ -899,8 +897,8 @@
   position: absolute;
 }
 .bvplayer-player .bvplayer-modal {
-  min-width: 120px;
-  min-height: 100px;
+  max-width: calc(100% - 40px);
+  max-height: calc(100% - 40px);
 }
 .bvplayer-player-fit--contain .bvplayer-video_screen {
   -o-object-fit: contain;
@@ -924,12 +922,11 @@
 }
 .bvplayer-player_info-modal_content {
   width: 280px;
-  min-height: 180px;
   display: flex;
   flex-direction: column;
 }
 .bvplayer-player_info-modal_section:not(:last-child) {
-  margin-bottom: 16px;
+  margin-bottom: 0px;
 }
 .bvplayer-player_info-modal_section_title {
   display: inline-block;
@@ -955,7 +952,7 @@
   white-space: nowrap;
 }
 .bvplayer-player_info-modal_list_item:not(:last-child) {
-  margin-bottom: 8px;
+  margin-bottom: 2px;
 }
 .bvplayer-player_info-modal_list_item_label {
   display: inline-block;
@@ -1203,6 +1200,19 @@
   line-height: 30px;
   padding-left: 10px;
 }
+.videoCall_dialogPanel .switchType {
+  border: 1px solid #c4c4c4;
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 1px;
+  position: absolute;
+  right: 180px;
+  top: 2px;
+  color: #8d8d8d;
+}
+.videoCall_dialogPanel .switchType:hover {
+  color: #636363;
+}
 .videoCall_dialogPanel .remoteView {
   display: inline-block;
   vertical-align: top;

package/dist/main.browser.js

@@ -124,7 +124,7 @@ var bvPlayerCore = (() => {
   var define_processenv_default;
   var init_define_processenv = __esm({
     "<define:processenv>"() {
-      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.10.29", PROJECT_NAMESPACE: "bvplayer" };
+      define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.10.30", PROJECT_NAMESPACE: "bvplayer" };
     }
   });
 
@@ -22010,7 +22010,7 @@ padding: 2px 5px;
     logger_default.api("device media bvrtc open dialog: ", { params, resData });
     if (!resData || resData.code !== 0 || !((_a = resData.data) == null ? void 0 : _a.dialogid)) {
       if (resData.code == 7) {
-        throw new OpenDialogError(`${t("hui-fang-wen-jian-bu-cun-zai")}`);
+        throw new OpenDialogError(`${t("X_CODE_7")}`);
       }
       throw new OpenDialogError(
         `${t("da-kai-chuan-shu-tong-dao-shi-bai")}: ${resData.msg}`
@@ -29705,7 +29705,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
             value: audio.codec.clockRate + "Hz@" + audio.rtp.sampleRates
           },
           ...Number.isNaN(audio.rtp.bitRate) ? [] : [{
-            label: t("data-received") + audio.rtp.bitRate,
+            label: t("data-received"),
             value: audio.rtp.bitRate.toFixed(0) + " kbps, loss" + audio.rtp.packageLostTotal
           }],
           ...Number.isNaN(audio.rtp.avaragePackageLostRate) ? [] : [
@@ -29729,7 +29729,7 @@ ${event.candidate ? event.candidate.candidate : "(null)"}`
             value: `${video.codec.width}x${video.codec.height}@${video.rtp.sampleRates.toFixed(0)}fps`
           },
           ...Number.isNaN(video.rtp.bitRate) ? [] : [{
-            label: t("data-received") + video.rtp.bitRate,
+            label: t("data-received"),
             value: String(video.rtp.bitRate.toFixed(0)) + " kbps, loss" + video.rtp.packageLostTotal
           }],
           ...Number.isNaN(video.rtp.avaragePackageLostRate) ? [] : [
@@ -35413,7 +35413,16 @@ a=fmtp:${pt} x-google-start-bitrate=${bitrate}`
     }
     let remoteUserTitle = core_default.dom.create("div", "remoteUserTitle");
     let localUserTitle = core_default.dom.create("div", "localUserTitle");
-    const dialog = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null, /* @__PURE__ */ jsx_default.h("div", { className: `${clsName}_dialogPanel` }, /* @__PURE__ */ jsx_default.h("div", { className: "titleBar" }, titleBar, closeBtn), statusSpan, mainStatusSpan, /* @__PURE__ */ jsx_default.h("div", { className: `full-view` }, myVideo), /* @__PURE__ */ jsx_default.h("div", { className: `mini-view` }, remoteVideo, remoteUserTitle), /* @__PURE__ */ jsx_default.h("div", { className: "localUserDiv" }, localUserTitle))));
+    const toggleViewType = () => {
+      if (myVideo.parentElement && myVideo.parentElement.className.includes("mini-view")) {
+        SetViewType("localFull", true);
+      } else {
+        SetViewType("remoteFull", true);
+      }
+    };
+    const dialog = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null, /* @__PURE__ */ jsx_default.h("div", { className: `${clsName}_dialogPanel` }, /* @__PURE__ */ jsx_default.h("div", { className: "titleBar" }, titleBar, closeBtn), statusSpan, mainStatusSpan, /* @__PURE__ */ jsx_default.h("div", { className: `full-view` }, myVideo), /* @__PURE__ */ jsx_default.h("div", { className: `mini-view` }, remoteVideo, remoteUserTitle), /* @__PURE__ */ jsx_default.h("div", { className: "localUserDiv", style: "position: relative;" }, localUserTitle, /* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", class: "switchType", onclick: () => {
+      toggleViewType();
+    } }, /* @__PURE__ */ jsx_default.h("path", { d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ jsx_default.h("path", { fill: "currentColor", d: "M14.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L16.586 8H5a1 1 0 0 1 0-2h11.586l-2.293-2.293a1 1 0 0 1 0-1.414m-4.586 10a1 1 0 0 1 0 1.414L7.414 16H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0" }))))));
     core_default.dom.append(callContainer, dialog);
     const titleBarCancelMove = EnableMoveEle(titleBar.parentElement, callContainer);
     if (!beCall) {
@@ -35438,13 +35447,15 @@ a=fmtp:${pt} x-google-start-bitrate=${bitrate}`
     }
     const gUserInfo = {
       localName: "",
+      localId: "",
       remoteName: "",
+      remoteId: "",
       localResolution: "",
       remoteResolution: ""
     };
     function updateUserTitle() {
-      const localTitle = gUserInfo.localName + ` ${gUserInfo.localResolution}`;
-      const remoteTitle = gUserInfo.remoteName + ` ${gUserInfo.remoteResolution}`;
+      const localTitle = gUserInfo.localName + ` (${gUserInfo.localId})`;
+      const remoteTitle = gUserInfo.remoteName + ` (${gUserInfo.remoteId})`;
       if (localUserTitle.innerText != localTitle) {
         localUserTitle.innerText = localTitle;
       }
@@ -35454,7 +35465,9 @@ a=fmtp:${pt} x-google-start-bitrate=${bitrate}`
     }
     function setUserInfo(userInfo) {
       gUserInfo.localName = userInfo.localName;
+      gUserInfo.localId = userInfo.localId;
       gUserInfo.remoteName = userInfo.remoteName;
+      gUserInfo.remoteId = userInfo.remoteId;
       updateUserTitle();
     }
     function setTitie(title) {
@@ -35765,11 +35778,13 @@ a=fmtp:${pt} x-google-start-bitrate=${bitrate}`
         try {
           const useInfo = yield user_default.info(createParams.token);
           dialogPanelHandle.setUserInfo({
+            localId: useInfo.data.id,
             localName: useInfo.data.name,
+            remoteId: openParams.user || "",
             remoteName: openParams.name
           });
           processHandle.setRc("PUSH_LOCAL_MEDIA_ERROR", t("tui-song-ben-di-mei-ti-shi-bai"));
-          dialogPanelHandle.SetViewType("localFull");
+          dialogPanelHandle.SetViewType("remoteFull", true);
           let currentSecond = Date.now();
           const intervalHandle = () => {
             const pastSeconds = Math.floor((Date.now() - currentSecond) / 1e3);

package/dist/main.es.css

@@ -353,7 +353,6 @@
 .bvplayer-modal_title-bar {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 8px;
   font-size: 16px;
 }
 .bvplayer-modal_title-bar_close {
@@ -361,7 +360,6 @@
   pointer-events: auto;
 }
 .bvplayer-modal_body {
-  padding: 8px;
   overflow: hidden;
   overflow-y: auto;
 }
@@ -899,8 +897,8 @@
   position: absolute;
 }
 .bvplayer-player .bvplayer-modal {
-  min-width: 120px;
-  min-height: 100px;
+  max-width: calc(100% - 40px);
+  max-height: calc(100% - 40px);
 }
 .bvplayer-player-fit--contain .bvplayer-video_screen {
   -o-object-fit: contain;
@@ -924,12 +922,11 @@
 }
 .bvplayer-player_info-modal_content {
   width: 280px;
-  min-height: 180px;
   display: flex;
   flex-direction: column;
 }
 .bvplayer-player_info-modal_section:not(:last-child) {
-  margin-bottom: 16px;
+  margin-bottom: 0px;
 }
 .bvplayer-player_info-modal_section_title {
   display: inline-block;
@@ -955,7 +952,7 @@
   white-space: nowrap;
 }
 .bvplayer-player_info-modal_list_item:not(:last-child) {
-  margin-bottom: 8px;
+  margin-bottom: 2px;
 }
 .bvplayer-player_info-modal_list_item_label {
   display: inline-block;
@@ -1203,6 +1200,19 @@
   line-height: 30px;
   padding-left: 10px;
 }
+.videoCall_dialogPanel .switchType {
+  border: 1px solid #c4c4c4;
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 1px;
+  position: absolute;
+  right: 180px;
+  top: 2px;
+  color: #8d8d8d;
+}
+.videoCall_dialogPanel .switchType:hover {
+  color: #636363;
+}
 .videoCall_dialogPanel .remoteView {
   display: inline-block;
   vertical-align: top;

package/dist/main.es.js

@@ -118,7 +118,7 @@ var __async = (__this, __arguments, generator) => {
 var define_processenv_default;
 var init_define_processenv = __esm({
   "<define:processenv>"() {
-    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.10.29", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.10.30", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -21992,7 +21992,7 @@ var getPlaybackBvrtc = (param, token, signal) => __async(void 0, null, function*
   logger_default.api("device media bvrtc open dialog: ", { params, resData });
   if (!resData || resData.code !== 0 || !((_a = resData.data) == null ? void 0 : _a.dialogid)) {
     if (resData.code == 7) {
-      throw new OpenDialogError(`${t("hui-fang-wen-jian-bu-cun-zai")}`);
+      throw new OpenDialogError(`${t("X_CODE_7")}`);
     }
     throw new OpenDialogError(
       `${t("da-kai-chuan-shu-tong-dao-shi-bai")}: ${resData.msg}`
@@ -29687,7 +29687,7 @@ var PlayerPlugin = class extends Plugin {
           value: audio.codec.clockRate + "Hz@" + audio.rtp.sampleRates
         },
         ...Number.isNaN(audio.rtp.bitRate) ? [] : [{
-          label: t("data-received") + audio.rtp.bitRate,
+          label: t("data-received"),
           value: audio.rtp.bitRate.toFixed(0) + " kbps, loss" + audio.rtp.packageLostTotal
         }],
         ...Number.isNaN(audio.rtp.avaragePackageLostRate) ? [] : [
@@ -29711,7 +29711,7 @@ var PlayerPlugin = class extends Plugin {
           value: `${video.codec.width}x${video.codec.height}@${video.rtp.sampleRates.toFixed(0)}fps`
         },
         ...Number.isNaN(video.rtp.bitRate) ? [] : [{
-          label: t("data-received") + video.rtp.bitRate,
+          label: t("data-received"),
           value: String(video.rtp.bitRate.toFixed(0)) + " kbps, loss" + video.rtp.packageLostTotal
         }],
         ...Number.isNaN(video.rtp.avaragePackageLostRate) ? [] : [
@@ -35395,7 +35395,16 @@ function CreateDialogPanel(container, events, beCall) {
   }
   let remoteUserTitle = core_default.dom.create("div", "remoteUserTitle");
   let localUserTitle = core_default.dom.create("div", "localUserTitle");
-  const dialog = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null, /* @__PURE__ */ jsx_default.h("div", { className: `${clsName}_dialogPanel` }, /* @__PURE__ */ jsx_default.h("div", { className: "titleBar" }, titleBar, closeBtn), statusSpan, mainStatusSpan, /* @__PURE__ */ jsx_default.h("div", { className: `full-view` }, myVideo), /* @__PURE__ */ jsx_default.h("div", { className: `mini-view` }, remoteVideo, remoteUserTitle), /* @__PURE__ */ jsx_default.h("div", { className: "localUserDiv" }, localUserTitle))));
+  const toggleViewType = () => {
+    if (myVideo.parentElement && myVideo.parentElement.className.includes("mini-view")) {
+      SetViewType("localFull", true);
+    } else {
+      SetViewType("remoteFull", true);
+    }
+  };
+  const dialog = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h(jsx_default.Fragment, null, /* @__PURE__ */ jsx_default.h("div", { className: `${clsName}_dialogPanel` }, /* @__PURE__ */ jsx_default.h("div", { className: "titleBar" }, titleBar, closeBtn), statusSpan, mainStatusSpan, /* @__PURE__ */ jsx_default.h("div", { className: `full-view` }, myVideo), /* @__PURE__ */ jsx_default.h("div", { className: `mini-view` }, remoteVideo, remoteUserTitle), /* @__PURE__ */ jsx_default.h("div", { className: "localUserDiv", style: "position: relative;" }, localUserTitle, /* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", class: "switchType", onclick: () => {
+    toggleViewType();
+  } }, /* @__PURE__ */ jsx_default.h("path", { d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ jsx_default.h("path", { fill: "currentColor", d: "M14.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L16.586 8H5a1 1 0 0 1 0-2h11.586l-2.293-2.293a1 1 0 0 1 0-1.414m-4.586 10a1 1 0 0 1 0 1.414L7.414 16H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0" }))))));
   core_default.dom.append(callContainer, dialog);
   const titleBarCancelMove = EnableMoveEle(titleBar.parentElement, callContainer);
   if (!beCall) {
@@ -35420,13 +35429,15 @@ function CreateDialogPanel(container, events, beCall) {
   }
   const gUserInfo = {
     localName: "",
+    localId: "",
     remoteName: "",
+    remoteId: "",
     localResolution: "",
     remoteResolution: ""
   };
   function updateUserTitle() {
-    const localTitle = gUserInfo.localName + ` ${gUserInfo.localResolution}`;
-    const remoteTitle = gUserInfo.remoteName + ` ${gUserInfo.remoteResolution}`;
+    const localTitle = gUserInfo.localName + ` (${gUserInfo.localId})`;
+    const remoteTitle = gUserInfo.remoteName + ` (${gUserInfo.remoteId})`;
     if (localUserTitle.innerText != localTitle) {
       localUserTitle.innerText = localTitle;
     }
@@ -35436,7 +35447,9 @@ function CreateDialogPanel(container, events, beCall) {
   }
   function setUserInfo(userInfo) {
     gUserInfo.localName = userInfo.localName;
+    gUserInfo.localId = userInfo.localId;
     gUserInfo.remoteName = userInfo.remoteName;
+    gUserInfo.remoteId = userInfo.remoteId;
     updateUserTitle();
   }
   function setTitie(title) {
@@ -35747,11 +35760,13 @@ function CreateCallEndPoint(createParams) {
       try {
         const useInfo = yield user_default.info(createParams.token);
         dialogPanelHandle.setUserInfo({
+          localId: useInfo.data.id,
           localName: useInfo.data.name,
+          remoteId: openParams.user || "",
           remoteName: openParams.name
         });
         processHandle.setRc("PUSH_LOCAL_MEDIA_ERROR", t("tui-song-ben-di-mei-ti-shi-bai"));
-        dialogPanelHandle.SetViewType("localFull");
+        dialogPanelHandle.SetViewType("remoteFull", true);
         let currentSecond = Date.now();
         const intervalHandle = () => {
           const pastSeconds = Math.floor((Date.now() - currentSecond) / 1e3);

package/dist/types/api/user.d.ts

@@ -4,6 +4,7 @@ declare const userApi: {
         code: number;
         data: {
             name: string;
+            id: string;
         };
     }>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.10.29",
+  "version": "0.10.30",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",