react_hsbc_teller 1.5.7 → 1.5.8

package/package.json

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

package/packages/pages/video/video.jsx

@@ -3512,6 +3512,7 @@ class Video extends Component {
           // publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
           publish_config.enableDesktopAudio=true
           publish_config.degradationType=2
+          publish_config.desktopStreamToCanvas=true
           publish_config.sid = document.getElementById('video20').name
           this.test_controller.ChangeMediaStream(publish_config)
           this.state.isScreenSwitching = true
@@ -3523,6 +3524,7 @@ class Video extends Component {
             // publish_config.video_profile_type=100
             // publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
             publish_config.enableDesktopAudio=true
+            publish_config.desktopStreamToCanvas=true
             publish_config.degradationType=2
             publish_config.sid = document.getElementById('video20').name;
             this.test_controller.ChangeMediaStream(publish_config);
@@ -3531,6 +3533,7 @@ class Video extends Component {
             publish_config.publish_device = 2
             publish_config.need_volume_analyser = true
             publish_config.video_profile_type = 1
+            publish_config.desktopStreamToCanvas=true
             // publish_config.video_profile_type=100
             // publish_config.video_profile_diy={width:1280, height:720, frameRate:8, bitrate:1500}
             publish_config.enableDesktopAudio=true
@@ -4080,18 +4083,18 @@ class Video extends Component {
     let height = 0
     let x = 0
     let y = 0
-      // width = ((right - left)* window.screen.width / document.body.clientWidth) - 5
-      // height = ((bottom - top)* window.screen.width / document.body.clientWidth) - 30
-      // x = (left * window.screen.width / document.body.clientWidth)
-      // y = (top* window.screen.width / document.body.clientWidth) + 8
+      width = ((right - left)* window.screen.width / document.body.clientWidth) - 5
+      height = ((bottom - top)* window.screen.width / document.body.clientWidth) - 30
+      x = (left * window.screen.width / document.body.clientWidth)
+      y = (top* window.screen.width / document.body.clientWidth) + 8
       // width = ((right - left)* 1280 / document.body.clientWidth) - 5
       // height = ((bottom - top)* 1280 / document.body.clientWidth) - 30
       // x = (left* 1280 / document.body.clientWidth)
       // y = (top* 1280 / document.body.clientWidth) + 8
-      width = ((right - left)) - 5
-      height = ((bottom - top)) - 30
-      x = (left)
-      y = (top) + 8
+      // width = ((right - left)) - 5
+      // height = ((bottom - top)) - 30
+      // x = (left)
+      // y = (top) + 8
     canvas.width = 960;
     canvas.height = 540;
     
@@ -4103,6 +4106,7 @@ class Video extends Component {
       function loop() {
           if (!$this.paused && !$this.ended) {
             // if(!that.state.tabTitles.find(el=>el.value == 'customerScreen')) {
+              console.log('addEventListener',x, y, width, height)
               cobj.drawImage(videoMedia, x, y, width, height, 0, 0,960, 540);
             // } else {
             //   cobj.fillStyle = 'rgb(0 0 0)'
@@ -4139,10 +4143,10 @@ class Video extends Component {
     navigator.mediaDevices.getDisplayMedia({
       video: true,
       preferCurrentTab:true,
-      video: {
-        width: document.body.clientWidth,
-        height: document.body.clientHeight
-      }
+      // video: {
+      //   width: document.body.clientWidth,
+      //   height: document.body.clientHeight
+      // }
   })
   .then((stream) => {
     if(streamShare) {
@@ -4150,12 +4154,12 @@ class Video extends Component {
       streamShare = ''
     }
     videoMedia.srcObject = stream;
-      // stream.getVideoTracks()[0].applyConstraints({
-      //   width: 1280,
-      //   height: 720
-      //   // width: window.screen.width,
-      //   // height: window.screen.height
-      // })
+      stream.getVideoTracks()[0].applyConstraints({
+        // width: 1280,
+        // height: 720
+        width: window.screen.width,
+        height: window.screen.height
+      })
     
     streamShare = stream
     stream.getVideoTracks()[0].onended = async ()=>{