react_hsbc_teller 1.5.4 → 1.5.5

package/package.json

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

package/packages/pages/video/video.jsx

@@ -38,23 +38,6 @@ let muteJson = new Map()
 let dateTime = 0
 let messageValue = ''
 let rateList = []
-var os = function() {
-  var ua = navigator.userAgent,
-  isWindowsPhone = /(?:Windows Phone)/.test(ua),
-  isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
-  isAndroid = /(?:Android)/.test(ua),
-  isFireFox = /(?:Firefox)/.test(ua),
-  isChrome = /(?:Chrome|CriOS)/.test(ua),
-  isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
-  isPhone = /(?:iPhone)/.test(ua) && !isTablet,
-  isPc = !isPhone && !isAndroid && !isSymbian;
-  return {
-  isTablet: isTablet,
-  isPhone: isPhone,
-  isAndroid: isAndroid,
-  isPc: isPc
-  };
-  }();
 message.config({
   getContainer: ()=>document.getElementById('allHSBC')
 })
@@ -62,10 +45,8 @@ message.config({
 class Video extends Component {
   constructor(props) {
     super(props)
-		// this.cancel = axios.CancelToken.source()
 	}
   cancel = axios.CancelToken.source()
-  // signCanvas = React.createRef();
   state = {
     signNoClick: false,
     listVideoPicture: [],
@@ -525,6 +506,7 @@ class Video extends Component {
         //   height: 180
         // }
       ]
+      Array.isArray(res) ?
       res.map((item)=>{
         list.push({
           tag: item.tag,
@@ -533,6 +515,12 @@ class Video extends Component {
           width: item.width,
           height: item.height
         })
+      }) : list.push({
+        tag: 'VIDEO_SOURCE_SCREEN',
+          xPosition: 1290,
+          yPosition: 640,
+          width: 630,
+          height: 350
       })
       const filePath = 'recordId_' + new Date().valueOf();
       const recordParam = {};
@@ -1711,11 +1699,10 @@ class Video extends Component {
             errorType: -1
           })
         }
-      } else if (Mival.typeId == 4100 && Mival.data.sessionId == this.state.sessionId) {
+      } else if (Mival.typeId == 4001) {
         // 手机端停止投屏
-        if (!document.getElementById("video21").name) {
-          this.tabTitlesClick('customerScreen', 'delect')
-        }
+        this.tabTitlesClick('customerScreen', 'delect')
+        
       }
     };
     window.IMOpenfire = msg =>{
@@ -1752,9 +1739,9 @@ class Video extends Component {
     this.workerClick()
     rateList = []
     this.rateAll().then((res)=>{
-      res.map((item)=>{
+      Array.isArray(res) ? res.map((item)=>{
         rateList.push(item.tag)
-      })
+      }) : rateList = []
       console.log('rateList',rateList)
     })
     this.test_controller.GetDevices();
@@ -4105,13 +4092,6 @@ class Video extends Component {
     }
   }
   navigatorClick=()=>{
-    if(os.isAndroid || os.isPhone) {
-      console.log("手机")
-      } else if(os.isTablet) {
-        console.log("平板")
-      } else if(os.isPc) {
-        console.log("电脑")
-      }
     const that = this
     const publish_config = {};
     const canvas = document.createElement('canvas');
@@ -4125,23 +4105,13 @@ class Video extends Component {
     let height = 0
     let x = 0
     let y = 0
-    // if(os.isTablet){
       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
-    // }
-    // if(os.isPc) {
-    //   width = right - left
-    //   height = bottom - top
-    //   x = left
-    //   y = top
-    // }
     canvas.width = 960;
     canvas.height = 540;
-    // 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
@@ -4149,7 +4119,13 @@ class Video extends Component {
       loop()
       function loop() {
           if (!$this.paused && !$this.ended) {
-            cobj.drawImage(videoMedia, x, y, width, height, 0, 0,960, 540);
+            // if(!that.state.tabTitles.find(el=>el.value == 'customerScreen')) {
+              cobj.drawImage(videoMedia, x, y, width, height, 0, 0,960, 540);
+            // } else {
+            //   cobj.fillStyle = 'rgb(0 0 0)'
+            //   cobj.fillRect(0,0,960,540)
+            // }
+            
               setTimeout(loop, 1000 / 10); // drawing at 30fps
           }
       }
@@ -4162,7 +4138,6 @@ class Video extends Component {
         publish_config.sid = document.getElementById('video20').name
         publish_config.stream = canvas.captureStream(10)
         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 {
 
@@ -4170,7 +4145,6 @@ class Video extends Component {
         publish_config.publish_device = 5
         publish_config.need_volume_analyser = true
         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'
@@ -4189,18 +4163,10 @@ class Video extends Component {
       streamShare = ''
     }
     videoMedia.srcObject = stream;
-    // if(os.isTablet){
       stream.getVideoTracks()[0].applyConstraints({
         width: window.screen.width,
         height: window.screen.height
       })
-    // }
-    // if(os.isPc) {
-    //   stream.getVideoTracks()[0].applyConstraints({
-    //     width: document.body.clientWidth,
-    //     height: document.body.clientHeight - 50
-    //   })
-    // }
     
     streamShare = stream
     stream.getVideoTracks()[0].onended = async ()=>{
@@ -4425,7 +4391,7 @@ class Video extends Component {
   sendNotification = () =>{
     console.log(this.props.shareMask,this.state.shareMaskState)
     this.state.shareMaskState = this.props.shareMask
-    setTimeout(() => {
+    // setTimeout(() => {
       callNimIM('sendCustomCmdMsg', {
         customId: this.state.imRoomId,
         content: JSON.stringify({
@@ -4434,7 +4400,7 @@ class Video extends Component {
           'type': this.state.shareMaskState ? 1 : 2
         })
       });
-    },100)
+    // },100)
     
   }
   componentDidUpdate(prevProps){