react_hsbc_teller 0.3.6 → 0.3.7

package/package.json

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

package/packages/pages/video/video.jsx

@@ -145,8 +145,8 @@ class Video extends Component {
     config_param.workspaceId = this.state.workSpaceId;
     config_param.uid = this.props.tellerAccount;
     config_param.biz_name = this.state.bizName; // 'demo'
-    config_param.appId = this.state.appId;
-
+    config_param.sub_biz = this.state.appId;
+    config_param.sign = window.sessionStorage.getItem('alimpassSig')
     config_param.room_server_url = this.props.roomServerUrl;
     // 允许最大断网时间 (超过未重连, 直接关闭)
     config_param.network_check_timeout = 10000;
@@ -1158,7 +1158,12 @@ class Video extends Component {
       // draw();
       // requestAnimationFrame(this.test_controller.OnVolumeAnalyser.bind(this, sid, analyser));
     }
-
+    // 停止共享
+    this.test_controller.OnDesktopDisplayClosed = () => {
+      if (this.state.isSharedScreen) {
+        this.sharedScreen()
+      }
+    }
   }
   contrastFaceVerify = async data => {
     console.log(data);
@@ -1233,6 +1238,9 @@ class Video extends Component {
     })
     const _dependScripts = [
       // https://counter-web.leimondata.cn:7199
+      this.props.resourcePath + "/beauty/beauty.js",
+      this.props.resourcePath + "/beauty/meeting_beautify_stream.js",
+      this.props.resourcePath + "/beauty/backgroundBlur.js",
       this.props.resourcePath + "/adapter.js",
       this.props.resourcePath + "/getMediaInfo.js",
       this.props.resourcePath + "/pdf.js",
@@ -1838,7 +1846,7 @@ class Video extends Component {
                   />
                   <audio id="audio1" autoPlay />
                   <label style={{ display: 'none' }} id="feedId1" type="text" />
-                  <div style={{ display: (this.state.isCustomer) ? '' : 'none', background: this.props.titleBackground,color: this.props.titleColor,'font-size': this.props.fontSize + 'px','font-family' : this.props.fontFamily }} className='customerTitle'>客户</div>
+                  <div style={{ display: (this.state.isCustomer) ? '' : 'none', background: this.props.titleBackground,color: this.props.titleColor,'font-size': this.props.fontSize + 'px','font-family' : this.props.fontFamily }} className={`customerTitle ${this.state.isBigVideo == 'video1' ? 'titleBig' : "titleSamlle"}`}>客户</div>
                   <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClassOne" id="subscribe_volumeView1" width="40" height="70"></canvas>
                 </div>
               </div>
@@ -1878,7 +1886,7 @@ class Video extends Component {
                   />
                   <audio id="audio1" autoPlay />
                   <label style={{ display: 'none' }} id="publish_streamId1" type="text" />
-                  <div style={{ display: (this.state.isCustomer) ? '' : 'none', background: this.props.titleBackground,color: this.props.titleColor,'font-size': this.props.fontSize + 'px','font-family' : this.props.fontFamily}} className='tellerTitle'>坐席</div>
+                  <div style={{ display: (this.state.isCustomer) ? '' : 'none', background: this.props.titleBackground,color: this.props.titleColor,'font-size': this.props.fontSize + 'px','font-family' : this.props.fontFamily}} className={`tellerTitle ${this.state.isBigVideo == 'publish_video1' ? 'titleBig' : "titleSamlle"}`}>坐席</div>
                   <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClass" id="publish_volumeView" width="40" height="70"></canvas>
                 </div>
 

package/packages/pages/video/video.less

@@ -154,7 +154,7 @@
     position: absolute;
     z-index: 1;
     top: 0;
-    left: 80px;
+    left: 0;
     .selectSee{
       background: #00847F;
 border-radius: 0px 0px 2px 2px;
@@ -183,9 +183,10 @@ border-radius: 0px 0px 2px 2px;
 }
 .customerTitle{
   position: absolute;
-  top: 0;
+  // top: 0;
+  bottom: 0;
   left: 0px;
-  width: 80px;
+  width: 30%;
   line-height: 30px;
   height: 30px;
   // background: rgba(219, 0, 17, 0.1);
@@ -195,14 +196,22 @@ border-radius: 0px 0px 2px 2px;
 }
 .tellerTitle{
   position: absolute;
-  top: 0;
+  // top: 0;
   right: 0px;
-  width: 80px;
+  // width: 80px;
   line-height: 30px;
+  
+  bottom: 0;
   height: 30px;
   // background: rgba(219, 0, 17, 0.1);
   border-radius: 4px 0px 2px 0px;
   transform: rotateY(180deg);
   // color: #DB0011;
   font-size: 14px;
+}
+.titleBig{
+  width: 30%;
+}
+.titleSamlle{
+  width: 70%;
 }