react_hsbc_teller 1.2.2 → 1.2.3

package/package.json

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

package/packages/pages/video/video.jsx

@@ -322,15 +322,6 @@ class Video extends Component {
         publish_tag: 'tag1'
       }
     ];
-    const recordParam = {};
-    recordParam.width = 640;
-    recordParam.height = 360;
-    recordParam.channels = 1;
-    recordParam.splitType = 0;
-    recordParam.startTimeout = 5;
-    recordParam.recordTotalStream = 0;
-    recordParam.endType = 1;
-    config_param.recordParam = recordParam;
     config_param.initSubscribe = [
       {
         subscribe_video_id: 'video1',
@@ -375,8 +366,8 @@ class Video extends Component {
   enableServerRecording = () => {
     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;
@@ -408,101 +399,101 @@ class Video extends Component {
   recordParam.tagPositions = [
     {
       tag: 'projectionWhiteboard',
-      xPosition: '0',
-      yPosition: '360',
-      width: '640',
-      height: '360'
+      xPosition: 0,
+      yPosition: 360,
+      width: 1120,
+      height: 360
     },
     {
       tag: 'VIDEO_SOURCE_SCREEN',
-      xPosition: '0',
-      yPosition: '144',
-      width: '256',
-      height: '144'
+      xPosition: 0,
+      yPosition: 144,
+      width: 256,
+      height: 144
     },
     {
       tag: 'tag1',
-      xPosition: '0',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 0,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer1',
-      xPosition: '160',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 160,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer2',
-      xPosition: '320',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 320,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer3',
-      xPosition: '480',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 480,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer4',
-      xPosition: '640',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 640,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer5',
-      xPosition: '800',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 800,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer6',
-      xPosition: '960',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 960,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer7',
-      xPosition: '1120',
-      yPosition: '0',
-      width: '160',
-      height: '144'
+      xPosition: 1120,
+      yPosition: 0,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer8',
-      xPosition: '1120',
-      yPosition: '144',
-      width: '160',
-      height: '144'
+      xPosition: 1120,
+      yPosition: 144,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer9',
-      xPosition: '1120',
-      yPosition: '288',
-      width: '160',
-      height: '144'
+      xPosition: 1120,
+      yPosition: 288,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer10',
-      xPosition: '1120',
-      yPosition: '432',
-      width: '160',
-      height: '144'
+      xPosition: 1120,
+      yPosition: 432,
+      width: 160,
+      height: 144
     },
     {
       tag: 'customer11',
-      xPosition: '1120',
-      yPosition: '576',
-      width: '160',
-      height: '144'
+      xPosition: 1120,
+      yPosition: 576,
+      width: 160,
+      height: 144
     }
   ]
     console.log('recordParam', recordParam);
@@ -1742,14 +1733,14 @@ class Video extends Component {
       if (!this.state.appId && !this.state.sessionType) {
         this.mpaasSig(data);
         let indexId = 0
-        obj.map((item,index)=>{
+        objList.map((item,index)=>{
           if(item.actionname.indexOf('Integrated Camera' != -1)) {
             indexId = index
           }
         })
         this.setState({
-          cameraValue: obj[indexId].actionid,
-          microphoneValue: obj1[0].actionid
+          cameraValue: objList[indexId].actionid,
+          microphoneValue: objList1[0].actionid
         })
       } else {
         this.setState({
@@ -3729,7 +3720,7 @@ class Video extends Component {
           employeeError: result.data.staffName ? '' : '查无此人',
         })
         if(result.data.staffName){
-            this.state.linkData = 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting&appointmentID='+ this.props.businessNumber + '&staffID='+this.state.employeeNumber+'&staffName='+ encodeURIComponent(result.data.staffName)
+            this.state.linkData = this.props.internalUrl + '&appointmentID='+ this.props.businessNumber + '&staffID='+this.state.employeeNumber+'&staffName='+ encodeURIComponent(result.data.staffName)
           
         }
       } else {
@@ -3769,11 +3760,13 @@ class Video extends Component {
     const canvas = document.createElement('canvas');
     const videoMedia = document.getElementById('manedvideo');
     const cobj = canvas.getContext('2d'); // 获取绘图环境
-    const left = document.getElementById("whiteboardDIV").getBoundingClientRect().left;
-    const top = document.getElementById("whiteboardDIV").getBoundingClientRect().top
+    const left =document.getElementById("allHSBC").getBoundingClientRect().left;
     const right = document.getElementById("whiteboardDIV").getBoundingClientRect().right
-    const width =  left > 21 ? right : right + left
-    const height = document.getElementById("whiteboardDIV").getBoundingClientRect().height
+    const top = document.getElementById("whiteboardDIV").getBoundingClientRect().top
+    const bottom = document.getElementById("whiteboardDIV").getBoundingClientRect().bottom
+    const width = right - left
+    const height = bottom - top + 10
+    const x = left - 20 > 0 ? left - 20 : 0
     canvas.width = width;
     canvas.height = height;
     videoMedia.addEventListener('play', (event) =>{
@@ -3782,7 +3775,7 @@ class Video extends Component {
       loop()
       function loop() {
           if (!$this.paused && !$this.ended) {
-            cobj.drawImage(videoMedia, 0, top, width, height, 0, 0,width, height);
+            cobj.drawImage(videoMedia, x, top, width, height, 0, 0,width, height,);
               setTimeout(loop, 1000 / 10); // drawing at 30fps
           }
       }
@@ -3923,7 +3916,123 @@ class Video extends Component {
            console.log('whiteboardDIV', this.state.whiteboardHeight,box.clientHeight,this.state.whiteboardWidth)
        }
   }
-  
+  muteOpposite = (value) => {
+    console.log(value);
+    if (value == 'video1') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }
+    if (value == 'video2') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video3') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video4') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video5') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video6') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video7') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video8') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }if (value == 'video9') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }
+    if (value == 'video10') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }
+    if (value == 'video11') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }
+    if (value == 'video12') {
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1223,
+          'sessionId': this.state.sessionId,
+          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+        })
+      });
+    }
+    
+  }
   render() {
     const { meetingInfo,isTranscribing } = this.props
     var pdfChildren
@@ -4162,6 +4271,7 @@ class Video extends Component {
                   <label style={{ display: 'none' }} id="feedId1" type="text" />
                   
                   <div style={{ display: (this.state.videoOneName) ? '' : 'none' }} className={`customerTitle titleSamlle`}>
+                    <div onClick={this.muteOpposite.bind(this,'video1')}>
                   {
                     this.state.voiceVideoOne && <img
                       alt=""
@@ -4170,7 +4280,7 @@ class Video extends Component {
                     />
                   }
                   <canvas style={{ display: (this.state.videoOneName && !this.state.voiceVideoOne) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px'}} className="canvasClassOne" id="subscribe_volumeView1" width="40" height="70"></canvas>
-
+                  </div>
                     <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                       {this.state.videoOneName}
                     </div>
@@ -4190,6 +4300,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId2" type="text" />
                 
                 <div style={{ display: (this.state.videoTwoName) ? '' : 'none' }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video2')}>
                 {
                   this.state.voiceVideoTwo && <img
                     alt=""
@@ -4198,7 +4309,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoTwoName && !this.state.voiceVideoTwo) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView2" width="40" height="70"></canvas>
-
+              </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoTwoName}
                   </div>
@@ -4216,6 +4327,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId3" type="text" />
                 
                 <div style={{ display: (this.state.videoThreeName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video3')}>
                 {
                   this.state.voiceVideoThree && <img
                     alt=""
@@ -4224,7 +4336,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoThreeName && !this.state.voiceVideoThree) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView3" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoThreeName}
                   </div>
@@ -4241,6 +4353,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId4" type="text" />
                 
                 <div style={{ display: (this.state.videoFourName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video4')}>
                 {
                   this.state.voiceVideoFour && <img
                     alt=""
@@ -4249,7 +4362,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoFourName && !this.state.voiceVideoFour) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView4" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoFourName}
                   </div>
@@ -4267,6 +4380,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId5" type="text" />
                 
                 <div style={{ display: (this.state.videoFiveName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video5')}>
                 {
                   this.state.voiceVideoFive && <img
                     alt=""
@@ -4275,7 +4389,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoFiveName && !this.state.voiceVideoFive) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView5" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{  color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoFiveName}
                   </div>
@@ -4292,6 +4406,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId6" type="text" />
                 
                 <div style={{ display: (this.state.videoSixName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video6')}>
                 {
                   this.state.voiceVideoSix && <img
                     alt=""
@@ -4300,7 +4415,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (!this.state.voiceVideoSix) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView6" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoSixName}
                   </div>
@@ -4329,6 +4444,7 @@ class Video extends Component {
                   <label style={{ display: 'none' }} id="feedId7" type="text" />
                   
                   <div style={{ display: (this.state.videoSevenName) ? '' : 'none' }} className={`customerTitle titleSamlle`}>
+                  <div onClick={this.muteOpposite.bind(this,'video7')}>
                   {
                     this.state.voiceVideoSeven && <img
                       alt=""
@@ -4337,7 +4453,7 @@ class Video extends Component {
                     />
                   }
                   <canvas style={{ display: (this.state.videoSevenName && !this.state.voiceVideoSeven) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView7" width="40" height="70"></canvas>
-
+                  </div>
                     <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                       {this.state.videoSevenName}
                     </div>
@@ -4357,6 +4473,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId8" type="text" />
                 
                 <div style={{ display: (this.state.videoEightName) ? '' : 'none' }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video8')}>
                 {
                   this.state.voiceVideoEight && <img
                     alt=""
@@ -4365,7 +4482,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoEightName && !this.state.voiceVideoEight) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView8" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoEightName}
                   </div>
@@ -4382,6 +4499,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId9" type="text" />
                 
                 <div style={{ display: (this.state.videoNineName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video9')}>
                 {
                   this.state.voiceVideoNine && <img
                     alt=""
@@ -4390,7 +4508,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoNineName && !this.state.voiceVideoSix) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView9" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoNineName}
                   </div>
@@ -4409,6 +4527,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId10" type="text" />
                 
                 <div style={{ display: (this.state.videoTenName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video10')}>
                 {
                   this.state.voiceVideoTen && <img
                     alt=""
@@ -4417,7 +4536,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoTenName && !this.state.voiceVideoTen) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView10" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{  color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoTenName}
                   </div>
@@ -4434,6 +4553,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId11" type="text" />
                 
                 <div style={{ display: (this.state.videoElevenName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video11')}>
                 {
                   this.state.voiceVideoEleven && <img
                     alt=""
@@ -4442,7 +4562,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoElevenName && !this.state.voiceVideoEleven) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView11" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoElevenName}
                   </div>
@@ -4460,6 +4580,7 @@ class Video extends Component {
                 <label style={{ display: 'none' }} id="feedId12" type="text" />
                 
                 <div style={{ display: (this.state.videoTwelveName) ? '' : 'none', background: this.props.titleBackground, color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }} className={`customerTitle titleSamlle`}>
+                <div onClick={this.muteOpposite.bind(this,'video12')}>
                 {
                   this.state.voiceVideoTwelve && <img
                     alt=""
@@ -4468,7 +4589,7 @@ class Video extends Component {
                   />
                 }
                 <canvas style={{ display: (this.state.videoTwelveName && !this.state.voiceVideoTwelve) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClassOne" id="subscribe_volumeView12" width="40" height="70"></canvas>
-
+                </div>
                   <div className='titleName' style={{  color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>
                     {this.state.videoTwelveName}
                   </div>
@@ -4664,5 +4785,6 @@ sessionId: "Fwua8kGB6",
     otherAttendees: undefined
   },
   isTranscribing: false,
+  internalUrl: 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting'
 }
 export default Video