react_hsbc_teller 1.3.2 → 1.3.5

package/package.json

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

package/packages/pages/video/video.jsx

@@ -376,7 +376,7 @@ class Video extends Component {
     recordParam.startTimeout = 10;
     recordParam.splitType = 0;
     recordParam.endType = 1;
-    recordParam.crf = 30
+    recordParam.crf = 26
     recordParam.overlaps = [
       {
         tag: '', // 流 tag，如果不设置或为空，则为全局⽔印
@@ -400,9 +400,9 @@ class Video extends Component {
     },
     {
       tag: 'VIDEO_SOURCE_SCREEN',
-      xPosition: 1280,
+      xPosition: 1290,
       yPosition: 630,
-      width: 640,
+      width: 630,
       height: 360
     },
     {
@@ -2342,7 +2342,6 @@ class Video extends Component {
         }, function (code, message, data) {
           console.log(data)
         })
-        setTimeout(() => {
       let array = this.state.roomCustomerList;
       let newArray = [...array];
       newArray.push({
@@ -2397,24 +2396,6 @@ class Video extends Component {
 
           }
         } else {
-          //     let data_param = {
-          //       isVideo: true,
-          //       videoIndex: this.state.videoList.length + 1,
-          //       videoTwoName: ''
-          //     }
-          //     let videoList = this.state.videoList;
-          // let newvideoList = [...videoList];
-          // newvideoList.push(data_param);
-          //     this.setState({
-          //       videoList: newvideoList
-          //     },()=>{
-          // config_param = {
-          //   subscribe_video_id: 'video' + this.state.videoList.length,
-          //   subscribe_audio_id: 'audio' + this.state.videoList.length,
-          //   subscribe_streamId_id: 'subscribe_streamId' + this.state.videoList.length,
-          //   feedId_id: 'feedId' + this.state.videoList.length,
-          //   feedId: feed.feedId
-          // }
           if (!document.getElementById('video1').name) {
             config_param = {
               subscribe_video_id: 'video1',
@@ -2526,19 +2507,11 @@ class Video extends Component {
           if (config_param !== undefined) {
             config_param.need_volume_analyser = true
             console.log(config_param)
-
-            
-              this.test_controller.Subscribe(config_param)
-            
-
+            this.test_controller.Subscribe(config_param)
           }
-          // })
-
-
         }
 
       }
-    }, 2000);
     };
     // 推送“有新订阅”给与会者
     this.test_controller.OnNewSubscribe = (subscriber, feed) => {
@@ -4005,6 +3978,9 @@ class Video extends Component {
       this.signCanvas.current.canvas.drawing.toDataURL('image/png').replace(/data.+?;base64,/, "")
     )
   }
+  handleCancelSign=()=>{
+    this.signCanvas.current.clear()
+  }
 
   navigatorClick=()=>{
     const that = this
@@ -4017,20 +3993,25 @@ class Video extends Component {
     const top = document.getElementById("whiteboardDIV").getBoundingClientRect().top
     const bottom = document.getElementById("whiteboardDIV").getBoundingClientRect().bottom
     const width = (right - left)* window.screen.width / document.body.clientWidth
-    const height = (bottom - top)* window.screen.width / document.body.clientWidth
+    const height = ((bottom - top)* window.screen.width / document.body.clientWidth)
     const x = left * window.screen.width / document.body.clientWidth
-    const y = top
-    canvas.width = width;
-    canvas.height = height;
-    console.log('addEventListener',x,y,width,height)
+    const y = top* window.screen.width / document.body.clientWidth
+    canvas.width = 1280;
+    canvas.height = 720;
+    cobj.fillStyle = 'rgb(255 255 255)'
+    cobj.fillRect(0,0,1280,720)
+    // const height1 = document.getElementById("whiteboardDIV").getBoundingClientRect().height* window.screen.height / (document.body.clientHeight + 280)
+
     videoMedia.addEventListener('play', (event) =>{
       var $this = this; //cache
-      console.log('addEventListener',!$this.paused,!$this.ended)
+      console.log('addEventListener',!$this.paused,!$this.ended,x, y, width, height)
       loop()
       function loop() {
           if (!$this.paused && !$this.ended) {
-            cobj.drawImage(videoMedia, x, y, width, height, 0, 0,width, height,);
-            // cobj.drawImage(videoMedia, 338.4848327636719, 145.45452880859375, 674.6685180664062, 553.39013671875, 0, 0,674.6685180664062, 553.39013671875,);
+            
+            // console.log('addEventListener',x,y,width,height1,height)
+            
+            cobj.drawImage(videoMedia, x, y, width, height, 0, 0,width, height);
               setTimeout(loop, 1000 / 10); // drawing at 30fps
           }
       }
@@ -4042,16 +4023,16 @@ class Video extends Component {
         publish_config.degradationType=2
         publish_config.sid = document.getElementById('video20').name
         publish_config.stream = canvas.captureStream(10)
-        publish_config.video_profile_type=100
-        publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
+        publish_config.video_profile_type=1
+        // publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
         this.test_controller.ChangeMediaStream(publish_config);
       } else {
 
         publish_config.media_type = 1
         publish_config.publish_device = 5
         publish_config.need_volume_analyser = true
-        publish_config.video_profile_type=100
-        publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
+        publish_config.video_profile_type=1
+        // publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
         publish_config.degradationType=2
         publish_config.stream = canvas.captureStream(10)
         publish_config.publish_video_id = 'video20'
@@ -4990,6 +4971,7 @@ class Video extends Component {
           <Modal title="签字白板" width={600} destroyOnClose={true} closable={false} centered={true} visible={isTranscribing} footer={
             [
               <div key='okSign'>
+                <Button className="modelButtonCancel" onClick={this.handleCancelSign}>清除</Button>
               <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确定</Button>
               </div>
             ]