react_hsbc_teller 1.7.1 → 1.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/demo/demo.js

@@ -5,10 +5,11 @@ import Pdf from './pdf.js'
 class Demo extends Component {
   state = {
     shareMask: false,
-    mtoken: "492948d0a7ec",
-roomId: "656467744508298",
-    imRoomId: "ACkhcdtat@conference.openfire2.leimondata.cn",
-    sessionId: "ACkhcdtat",
+    imRoomId: "AIByYlxRE@conference.openfire2.leimondata.cn",
+    sessionId: "AIByYlxRE",
+    mtoken: "101046e69f16",
+    roomId: "657007173551208",
+    
     // roomId: '',
     // mtoken: '',
     // imRoomId: '',

package/packages/pages/video/video.jsx

@@ -46,10 +46,6 @@ let rateList = []
 let beautyDiv = {};
 let CanvasHome = styled.div`
   position: fixed;
-  width: 76vw;
-  height: 74vh;
-  top: 3vh;
-  left: 1.5vw;
   z-index: ${props=>props.zIndexNum};
 
   .canvas{
@@ -498,9 +494,9 @@ class Video extends Component {
         {
           tag: 'projectionWhiteboard',
           xPosition: 0,
-          yPosition: 175,
-          width: 960,
-          height: 540
+          yPosition: 270,
+          width: 1280,
+          height: 720
         },
         // {
         //   tag: 'VIDEO_SOURCE_SCREEN_ONE',
@@ -520,43 +516,43 @@ class Video extends Component {
           tag: 'tag1',
           xPosition: 0,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         {
           tag: 'customer1',
-          xPosition: 213,
+          xPosition: 320,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         {
           tag: 'customer2',
-          xPosition: 426,
+          xPosition: 640,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         {
           tag: 'customer3',
-          xPosition: 639,
+          xPosition: 960,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         {
           tag: 'customer4',
-          xPosition: 852,
+          xPosition: 1280,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         {
           tag: 'customer5',
-          xPosition: 1065,
+          xPosition: 1600,
           yPosition: 0,
-          width: 213,
-          height: 175
+          width: 310,
+          height: 180
         },
         // {
         //   tag: 'customer6',
@@ -610,25 +606,17 @@ class Video extends Component {
           width: item.width,
           height: item.height
         })
-      }) : 
-      list.push({
+      }) : list.push({
         tag: 'VIDEO_SOURCE_SCREEN',
-          xPosition: 960,
-          yPosition: 535,
-          width: 320,
-          height: 180
+          xPosition: 1290,
+          yPosition: 640,
+          width: 630,
+          height: 350
       })
-      // list.push({
-      //   tag: 'VIDEO_SOURCE_SCREEN_19_9',
-      //     xPosition: 960,
-      //     yPosition: 573,
-      //     width: 304,
-      //     height: 144
-      // })
       const filePath = 'recordId_' + new Date().valueOf();
       const recordParam = {};
-      recordParam.width = 1280;
-      recordParam.height = 720;
+      recordParam.width = 1920;
+      recordParam.height = 1080;
       recordParam.recordTotalStream = 0;
       recordParam.startTimeout = 10;
       recordParam.splitType = 0;
@@ -3536,6 +3524,8 @@ userType:'1'
 
       this.props.resourcePath + "/eruda.js",
       this.props.resourcePath + "/iconfont.js",
+      this.props.resourcePath + "/html2canvas.js",
+      this.props.resourcePath + "/dom-to-image.js",
       
 
         
@@ -3772,8 +3762,22 @@ userType:'1'
           if (!this.state.isPictureInPicture) {
             this.pictureInPicture()
           }
-  
+
+          
         }
+        // const publish_config1 = {};
+        //   publish_config1.publish_device = 4;
+        //   publish_config1.media_type = 1;
+        //   publish_config1.part_of_screen_id = 'whiteboardDIV';
+        //   publish_config1.video_profile_type = 2;
+        //   publish_config1.degradationType=2
+        //   publish_config1.publish_video_id = 'video30';
+        //   publish_config1.publish_tag = 'projectionWhiteboard';
+        //   publish_config1.capture_interval = 200
+        //   publish_config1.capture_mode = 2
+        //   publish_config.capture_lib =  'dom2image'
+        //   publish_config1.listen_events = ['keyup', 'scroll', 'click','touchstart','touchend','touchmove','mousemove']
+        //   this.test_controller.Publish(publish_config1)
       } else {
         this.messageClick('internal staff正在共享屏幕，请先关闭','error')
       }
@@ -4937,7 +4941,7 @@ userType:'1'
             {tabTitleList}
             {/* <img style={sectionStyle} src={require("../../assets/img/placeholder_bg.png").default} alt="" /> */}
             <div id="whiteboardDIV" style={{height: 'calc(100% - 33px)'}}>
-            <CanvasHome zIndexNum={this.state.zIndexNum} style={{width: this.state.whiteboardWidth,height: this.state.whiteboardHeight,top: this.state.whiteboardTop,left:this.state.whiteboardLeft}}>
+            <CanvasHome zIndexNum={this.state.zIndexNum} style={{width: this.state.whiteboardWidth + 'Px',height: this.state.whiteboardHeight + 'Px',top: this.state.whiteboardTop + 'Px',left:this.state.whiteboardLeft + 'Px'}}>
           {this.state.operateShow &&
             <OpreateDiv id="operate">
               <span style={{color: this.state.selectSpan == 'pen' ?  '#1890ff' : '#333'}} onClick={() => this.setTool('pen')}>铅笔</span>
@@ -5581,6 +5585,8 @@ userType:'1'
           </Modal>
           <video className="mixedvideo" id="mixedvideo" autoPlay muted={true} width="0" height="0"></video>
           <video className="mixedvideo" id="manedvideo" autoPlay width="0" height="0"></video>
+          <video className="mixedvideo" id="video30" autoPlay width="0" height="0"></video>
+          
 
         </Spin>
       </div>);