Browse Source

[UPDATE] fix bug in *hkCamara

11868 1 year ago
parent
commit
c2e6ae24c3
1 changed files with 78 additions and 6 deletions
  1. 78 6
      src/components/hk/hkCamara.vue

+ 78 - 6
src/components/hk/hkCamara.vue

@@ -1,6 +1,7 @@
-<template>
-  <div class="video-player">
+<template id="divPlugin0">
+  <div id="divPlugin" class="video-player">
     <div id="divPlugin1" class="divPlugin"></div>
+
     <!-- <div id="divPlugin" class="divPlugin" ref="divPlugin" v-if="plugin">
         </div> -->
     <!-- <div class="down" v-else>
@@ -42,6 +43,12 @@ export default {
     window.removeEventListener("resize", this.handleResize);
   },
   mounted() {
+
+    //浏览器界面大小
+    console.log("1: ",document.body.clientWidth ,document.body.clientHeight)
+    console.log("2: ",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
+    console.log("3: ",window.screen.width , window.devicePixelRatio,window.screen.width * window.devicePixelRatio)
+
     this.videoInitPlugin();
   },
   destroyed() {
@@ -50,10 +57,20 @@ export default {
   methods: {
     handleResize() {
       this.zoom = window.devicePixelRatio;
+      let h
+      let w
+      if(document.body.clientWidth>=(document.body.clientHeight*2)){
+        h=document.body.clientHeight
+        w=document.body.clientHeight*2
+      }else{
+        h=document.body.clientWidth/2
+        w=document.body.clientWidth
+      }
+
       setTimeout(() => {
         WebVideoCtrl.I_Resize(
-          600 / (this.zoom / 1.25),
-          240 / (this.zoom / 1.25)
+          w/2.42,
+          h/3.2
         );
       }, 1000);
     },
@@ -79,10 +96,65 @@ export default {
       });
       console.log("🚀 初始化插件完成 >> ", that.g_iWndIndex);
       console.log("🚀 插入插件");
+      let h
+      let w
+      console.log("0: ",document.body.clientWidth ,document.body.clientHeight)
+      if(document.body.clientWidth>=(document.body.clientHeight*2)){
+        h=document.body.clientHeight
+        w=document.body.clientHeight*2
+      }else{
+        h=document.body.clientWidth/2
+        w=document.body.clientWidth
+      }
+
+      var s = "";
+      s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";
+      s += " 网页可见区域高:"+ document.body.clientHeight+"\n";
+
+      s += " 网页可见区域宽:"+ document.body.offsetWidth+" (包括边线和滚动条的宽)"+"\n";
+      s += " 网页可见区域高:"+ document.body.offsetHeight+" (包括边线的宽)"+"\n";
+
+      s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";
+      s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";
+
+      s += " 网页被卷去的高:"+ document.body.scrollTop+"\n";
+      s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";
+
+      s += " 网页正文部分上:"+ window.screenTop+"\n";
+      s += " 网页正文部分左:"+ window.screenLeft+"\n";
+
+      s += " 屏幕分辨率的高:"+ window.screen.height+"\n";
+      s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";
+
+      s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";
+      s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";;
+
+      s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
+      s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
+
+      const divElement = document.querySelector('.map_more_box');
+      s += " 1你的屏幕设置是 "+divElement.clientWidth+"\n";//元素高度+内边距
+      s += " 2你的屏幕设置是 "+divElement.clientHeight+"\n";//元素高度+内边距+滚动条+边框
+      s += " 3你的屏幕设置是 "+divElement.offsetWidth+"\n";//元素内容高度(包括溢出不可见内容)
+      s += " 4你的屏幕设置是 "+divElement.clientHeight+"\n";//元素左上角相对父级左上角的偏移量
+      s += " 5你的屏幕设置是 "+divElement.scrollWidth+"\n";//元素内容高度(包括溢出不可见内容)
+      s += " 6你的屏幕设置是 "+divElement.scrollHeight+"\n";//元素左上角相对父级左上角的偏移量
+      console.log(s)
+
+      // let h1
+      // let w1
+      // w1=divElement.clientWidth
+      // h1=divElement.clientHeight
+
+      console.log("1: ",w ,h)
+      console.log("1: ", w/2.42, h/3.2)
+
+      // console.log("2: ",w1 ,h1)
+      // console.log("2: ",w1*0.8,h1*0.7)
       WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin1").then(() => {
         WebVideoCtrl.I_Resize(
-          600 / (this.zoom / 1.25),
-          240 / (this.zoom / 1.25)
+            w/2.42,
+            h/3.2
         ).then(() => {
           console.log("🚀 data >> ", that.companyVideoData);
           this.getLoginParams().then((res) => {