react_hsbc_teller 1.6.0 → 1.6.3

package/package.json

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

package/packages/api/api.js

@@ -2,6 +2,25 @@ import Server from './server';
 
 class API extends Server{
   
+  async updateMeetingInfo(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/updateMeetingInfo', params); 
+      if(result && (result.data instanceof Object) && result.code === 200){
+        return result||[];
+      }else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
   async rateAll(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{

package/packages/pages/foot/foot.jsx

@@ -50,8 +50,11 @@ export default class foot extends Component {
       switchExternal=()=>{
         this.props.switchExternal()
     }
+    beautyClick=()=>{
+        this.props.beautyClick()
+    }
     render() {
-        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName} = this.props
+        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName,beautyName} = this.props
         const content = (
             <div>
               {customerList.map((item,index)=>{
@@ -149,6 +152,14 @@ export default class foot extends Component {
                             
                       })
                   }
+                  {
+                              <div className="one" onClick={this.beautyClick.bind(this)}>
+                                  <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
+                                  <div className="text">
+                                  {beautyName}
+                                  </div>
+                              </div>
+                      }
               </div>
           );
         return (

package/packages/pages/video/video.jsx

@@ -11,6 +11,8 @@ import voiceImgOpen from '../../assets/img/icon_Mute.png'
 import voiceImgCloe from '../../assets/img/icon_MuteOne.png'
 import cameraImgOpen from '../../assets/img/icon_camera.png'
 import cameraImgCloe from '../../assets/img/icon_cameraOne.png'
+import autod from '../../assets/mp3/joinmeeting.mp3'
+import leftMetting from '../../assets/mp3/leftmeeting.mp3'
 import errorPng from '../../assets/img/tooltips2_fail.png'
 import { callNimIM } from '../../utils/cell.js'
 import Modal from "antd/lib/modal";
@@ -37,7 +39,29 @@ let streamShare
 let muteJson = new Map()
 let dateTime = 0
 let messageValue = ''
+let beautyNum = 0  // 0-关闭  1--弱  2--中 5---高
 let rateList = []
+let beautyDiv = {};
+  function clearStreamRemain() {
+    if (!(beautyDiv.beauty_canvas == null || beautyDiv.beauty_canvas == undefined)) {
+      beautyDiv.beauty_canvas = null;
+    }
+    if (!(beautyDiv.beauty_player == null || beautyDiv.beauty_player == undefined)) {
+      beautyDiv.beauty_player.destroy();
+      beautyDiv.beauty_player = null;
+    }
+    if (!(beautyDiv.beauty_div == null || beautyDiv.beauty_div == undefined)) {
+      document.body.removeChild(beautyDiv.beauty_div);
+      beautyDiv.beauty_div = null;
+    }
+    beautyDiv = {};
+  };
+function startBeauty(stream) {
+  let newStream = stream;
+  beautyDiv = meetingBeautifyStream(newStream, beautyNum);
+  newStream = beautyDiv.stream;
+  return newStream
+}
 message.config({
   getContainer: ()=>document.getElementById('allHSBC')
 })
@@ -48,6 +72,7 @@ class Video extends Component {
 	}
   cancel = axios.CancelToken.source()
   state = {
+    beautyName: '开启美颜',
     signNoClick: false,
     listVideoPicture: [],
     isScreenSwitching: false,
@@ -562,6 +587,28 @@ class Video extends Component {
       })
     }
   };
+  // contrastFaceVerify=()=>{
+  //   axios({
+  //     method: 'post',
+  //     url: 'http://182.92.184.31:8868/verify/face',
+  //     data: { // 这⾥data中的参数为requestBody参数，服务端需要使⽤@RequestBody注解进⾏获取
+  //       "username":"王明珍",
+  //       "num":"410425199510201037",
+  //       "fileBase64":this.state.facialImg.replace(/^data:image\/\w+;base64,/,"")
+  //     }
+  //   }).then((response) =>{
+  //     console.log(response.data);
+  //     if(response.data.code == 200){
+  //       this.messageClick('人脸识别成功','success')
+  //       this.setState({
+  //         isModalVisibleFacial: false
+  //       }) 
+  //     } else {
+  //       this.messageClick('人脸识别失败','error')
+  //     }
+  //   }).catch(function (error) {
+  //   })
+  // }
   contrastFaceVerify = async () => {
     try {
       let result = await API.contrastFaceVerify({
@@ -628,10 +675,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).uid,
-        name: this.state.videoOneName + '--OCR',
+        name: this.state.videoOneName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoOneName.indexOf("客户") == -1) {
+      if(this.state.videoOneName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).uid,
@@ -646,10 +693,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).uid,
-        name: this.state.videoTwoName + '--OCR',
+        name: this.state.videoTwoName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwoName.indexOf("客户") == -1) {
+      if(this.state.videoTwoName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).uid,
@@ -664,10 +711,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).uid,
-        name: this.state.videoThreeName + '--OCR',
+        name: this.state.videoThreeName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoThreeName.indexOf("客户") == -1) {
+      if(this.state.videoThreeName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).uid,
@@ -682,10 +729,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).uid,
-        name: this.state.videoFourName + '--OCR',
+        name: this.state.videoFourName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFourName.indexOf("客户") == -1) {
+      if(this.state.videoFourName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).uid,
@@ -700,10 +747,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).uid,
-        name: this.state.videoFiveName + '--OCR',
+        name: this.state.videoFiveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFiveName.indexOf("客户") == -1) {
+      if(this.state.videoFiveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).uid,
@@ -717,10 +764,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).uid,
-        name: this.state.videoSixName + '--OCR',
+        name: this.state.videoSixName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSixName.indexOf("客户") == -1) {
+      if(this.state.videoSixName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).uid,
@@ -733,10 +780,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).uid,
-        name: this.state.videoSevenName + '--OCR',
+        name: this.state.videoSevenName +  (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSevenName.indexOf("客户") == -1) {
+      if(this.state.videoSevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).uid,
@@ -749,10 +796,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).uid,
-        name: this.state.videoEightName + '--OCR',
+        name: this.state.videoEightName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoEightName.indexOf("客户") == -1) {
+      if(this.state.videoEightName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).uid,
@@ -765,10 +812,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).uid,
-        name: this.state.videoNineName + '--OCR',
+        name: this.state.videoNineName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoNineName.indexOf("客户") == -1) {
+      if(this.state.videoNineName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).uid,
@@ -781,10 +828,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).uid,
-        name: this.state.videoTenName + '--OCR',
+        name: this.state.videoTenName +(this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTenName.indexOf("客户") == -1) {
+      if(this.state.videoTenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).uid,
@@ -797,10 +844,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).uid,
-        name: this.state.videoElevenName + '--OCR',
+        name: this.state.videoElevenName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoElevenName.indexOf("客户") == -1) {
+      if(this.state.videoElevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).uid,
@@ -813,10 +860,10 @@ class Video extends Component {
       list.push({
         feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).feedId,
         customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).uid,
-        name: this.state.videoTwelveName + '--OCR',
+        name: this.state.videoTwelveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwelveName.indexOf("客户") == -1) {
+      if(this.state.videoTwelveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).uid,
@@ -1982,6 +2029,45 @@ class Video extends Component {
     this.test_controller.OnSendTextMsgFailed  =(msgId, code, msg)=>{
       console.log('发送失败',msgId,code, msg)
     }
+    this.test_controller.StreamFilterHandler = async function (publish_tag, stream, stream_type, publish_device, media_type) {
+      console.log(`stream processed by client, publish_device=${publish_device}, media_type=${media_type}, publish_tag=${publish_tag},stream_type=${stream_type}`);
+      if (stream_type == "subscribe") {
+        return stream
+      }
+      if (media_type == 2 || media_type == 4) {
+        return stream
+      }
+      // if (publish_device != 1) {
+      //   return stream
+      // }
+      if(publish_tag == 'tag1') {
+        let newStream = stream;
+      let beauty_strength = beautyNum;
+      if (beauty_strength != 0 && stream.getVideoTracks()[0]) {
+        newStream = new MediaStream([startBeauty(stream).getVideoTracks()[0]]);
+        // 清理原始流
+      newStream.oninactive = function () {
+        clearOriginStream(stream);
+      };
+      newStream.getVideoTracks()[0].onended = function () {
+        clearOriginStream(stream);
+      };
+      function clearOriginStream(stream) {
+        stream.getTracks().forEach((track) => {
+          track.stop();
+        });
+        stream = null;
+      }
+      };
+      if (stream.getAudioTracks()[0] && newStream.addTrack) {
+        newStream.addTrack(stream.getAudioTracks()[0])
+      }
+      return newStream
+      } else {
+        return stream
+      }
+      
+    }
     // 发布媒体流成功
     this.test_controller.OnPublishSucc = (sid) => {
       console.log('发布媒体流成功', sid)
@@ -2006,7 +2092,9 @@ class Video extends Component {
 
           loading: false,
         });
+
         this.enterRoom()
+        this.updateMeetingInfo()
         this.timer = setInterval(
           () => {
             if(!this.state.voiceStatue && this.state.analyserHeight.get(sid).toFixed(2) > 0.1) {
@@ -2403,29 +2491,14 @@ class Video extends Component {
     this.test_controller.OnNewJoinerIn = (participant) => {
       console.log('新加⼊房间者', participant);
           this.state.isCustomer= true
-        //   let audio = document.createElement('audio') //生成一个audio元素 
-        // audio.src = 'http://mp3.9ku.com/hot/2005/05-19/65937.mp3' //音乐的路径 
-        // audio.play()
+          let src = autod
+          let audio = new Audio(src)
+          audio.play()
     };
     // 推送“有新发布”给与会者
     this.test_controller.OnNewPublish = (feed) => {
       console.log('有新发布者', feed);
       console.log(new Date())
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1014,
-          'sessionId': this.state.sessionId,
-          'meetingInfo': {
-            'title': this.props.meetingInfo.title,
-            'host': this.props.meetingInfo.host,
-            'customers': this.props.meetingInfo.customers,
-            'otherAttendees': this.props.meetingInfo.otherAttendees
-          }
-
-        })
-      }, function (code, message, data) {
-      })
         callNimIM('sendCustomCmdMsg', {
           customId: this.state.imRoomId,
           content: JSON.stringify({
@@ -2439,6 +2512,21 @@ class Video extends Component {
         }, function (code, message, data) {
           console.log(data)
         })
+          callNimIM('sendCustomCmdMsg', {
+    customId: this.state.imRoomId,
+    content: JSON.stringify({
+      'typeId': 1014,
+      'sessionId': this.state.sessionId,
+      'meetingInfo': {
+        'title': this.props.meetingInfo.title,
+        'host': this.props.meetingInfo.host,
+        'customers': this.props.meetingInfo.customers,
+        'otherAttendees': this.props.meetingInfo.otherAttendees
+      }
+
+    })
+  }, function (code, message, data) {
+  })
         this.sendNotification()
       let array = this.state.roomCustomerList;
       let newArray = [...array];
@@ -2619,7 +2707,7 @@ class Video extends Component {
     // 取消发布成功
     this.test_controller.OnUnPublishSucc = (sid) => {
       console.log('取消发布成功', sid, document.getElementById('publish_video1').name)
-      if (sid != document.getElementById('publish_video1').name) {
+      if (document.getElementById('publish_video1').name && sid != document.getElementById('publish_video1').name) {
         callNimIM('sendCustomCmdMsg', {
           customId: this.state.imRoomId,
           content: JSON.stringify({
@@ -2640,6 +2728,9 @@ class Video extends Component {
         // }
 
       }
+      if(sid == document.getElementById('publish_video1').name || !document.getElementById('publish_video1').name) {
+        clearStreamRemain()
+      }
     };
     // 取消订阅媒体流成功
     this.test_controller.OnUnSubscribeSucc = (sid) => {
@@ -2787,6 +2878,9 @@ class Video extends Component {
       exitType
     ) => {
       console.log('退出房间者', participant, exitType)
+      let src = leftMetting
+      let audio = new Audio(src)
+      audio.play()
       this.appGetUsernameClick(participant).then((res)=>{
         console.log('退出房间者',res)
 let data = res? res.username ? res.username : '客户' : '客户'
@@ -3170,6 +3264,27 @@ userType:'1'
       }
     }
   }
+  // 保存mettingInfo
+  updateMeetingInfo= async()=>{
+    let customers
+    this.props.meetingInfo.customers.map((item, index) => {
+      customers = customers ? customers + ',' + item : item
+    })
+    try{
+      let result = await API.updateMeetingInfo({
+        title:this.props.meetingInfo.title,
+    host:this.props.meetingInfo.host,
+    customers:customers,
+    otherAttendees: this.props.meetingInfo.otherAttendees ? this.props.meetingInfo.otherAttendees : '',
+    sessionId:this.state.sessionId
+      })
+    } catch (err) {
+      console.error(err);
+      if(err.status == 502 || err.status== 404) {
+        this.roomCallBack(2, '连接服务器失败','SYS-02')
+      }
+    }
+  }
   enterRoom = async () =>{
     try {
       let result = await API.enterRoom({
@@ -3180,6 +3295,21 @@ userType:'1'
       });
       console.log(result);
       this.appGetUsername(document.getElementById('publish_video1').name)
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1014,
+          'sessionId': this.state.sessionId,
+          'meetingInfo': {
+            'title': this.props.meetingInfo.title,
+            'host': this.props.meetingInfo.host,
+            'customers': this.props.meetingInfo.customers,
+            'otherAttendees': this.props.meetingInfo.otherAttendees
+          }
+    
+        })
+      }, function (code, message, data) {
+      })
     } catch (err) {
       console.error(err);
       if(err.status == 502 || err.status== 404) {
@@ -3193,6 +3323,8 @@ userType:'1'
       this.finishSessionClick()
     }
     if (this.test_controller&&this.state.sessionType) {
+      clearStreamRemain()
+      beautyNum = 0
       this.test_controller.LeaveRoom()
       this.test_controller.Disconnect()
     }
@@ -3695,7 +3827,17 @@ userType:'1'
         type: 1
       });
       if (result.code == 200) {
-        this.messageClick('识别成功','success')
+        this.messageClick('姓名：' + result.data.idCardName + ',身份证号：' + result.data.idCardNumber,'success')
+        // this.messageClick('识别成功','success')
+        callNimIM('sendCustomCmdMsg', {
+          customId: this.state.imRoomId,
+          content: JSON.stringify({
+            'typeId': 1020,
+            'sessionId': this.state.sessionId,
+            'cameraState': 1, // 1--打开前置  2--打开后置
+            "userId": this.state.faceCustomerUid
+          })
+        });
         this.setState({
           isModalVisibleFacial: false
         })
@@ -3722,6 +3864,15 @@ userType:'1'
     
   };
   handleCancelFacial = () => {
+    callNimIM('sendCustomCmdMsg', {
+      customId: this.state.imRoomId,
+      content: JSON.stringify({
+        'typeId': 1020,
+        'sessionId': this.state.sessionId,
+        'cameraState': 1, // 1--打开前置  2--打开后置
+        "userId": this.state.faceCustomerUid
+      })
+    });
     this.setState({
       isModalVisibleFacial: false
     })
@@ -3803,6 +3954,18 @@ userType:'1'
     if(item.tourist) {
       this.retrieveCustomerInfoByActivityId(item.customId)
     } else {
+    if(this.state.faceCustomerType == 2) {
+      // ocr
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1020,
+          'sessionId': this.state.sessionId,
+          'cameraState': 2, // 1--打开前置  2--打开后置
+          "userId": item.customId
+        })
+      });
+    }
     var sid
     if (item.feedId == document.getElementById("feedId1").innerText) {
       sid = document.getElementById('video1').name;
@@ -3835,12 +3998,21 @@ userType:'1'
     this.setState({
       clickedFacial: false,
       clickedOcr: false,
-      
       isModalVisibleFacial: true,
       facialImg: this.test_controller.TakePicture(1, undefined, undefined, sid, 'png')
     })
+    setTimeout(() => {
+      this.setState({
+        facialImg: this.test_controller.TakePicture(1, undefined, undefined, sid, 'png')
+      })
+    },1000)
   }
   }
+  sgsinImage=()=>{
+    this.setState({
+      facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png')
+    })
+  }
   handleChangeOcr =(val)=> {
     console.log(val)
     this.setState({
@@ -4266,6 +4438,21 @@ userType:'1'
       microphoneValue: event.target.value
     })
   }
+  beautyClick = () =>{
+    const publish_config = {}
+    publish_config.sid = document.getElementById('publish_video1').name
+    publish_config.media_type = 1
+    publish_config.publish_device = 1
+    publish_config.videoSource = this.state.cameraValue
+    publish_config.audioSource = this.state.microphoneValue
+    publish_config.video_profile_type=100
+    publish_config.video_profile_diy={width:640, height:360, frameRate:15, bitrate:400}
+    this.test_controller.ChangeMediaStream(publish_config)
+    beautyNum =  beautyNum == 0 ? 1 : 0
+    this.setState({
+      beautyName: beautyNum == 0 ? '开启美颜' : '关闭美颜'
+    })
+  }
   componentDidMount() {
     var box=document.getElementById("whiteboardDIV");
        if(box){ //此处在加一层判断，更加严密，如果box存在的情况下获取
@@ -5019,6 +5206,7 @@ userType:'1'
           </div>
           </div>
           <Foot
+          beautyName={this.state.beautyName}
           voiceName={this.state.voiceName}
             img={this.state.voiceImg}
             screenName={this.state.screenName}
@@ -5044,6 +5232,7 @@ userType:'1'
             ocrClick={this.ocrClick}
             switchExternal={this.switchExternal}
             inspection={this.inspection}
+            beautyClick={this.beautyClick}
           ></Foot>
           <Modal cancelText="取消" okText="确定" visible={this.state.isModalVisible} onOk={this.handleOk}
             onCancel={this.handleCancel}>
@@ -5065,6 +5254,7 @@ userType:'1'
           <Modal title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
             <div key='facial'>
             <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>
+            <Button className="modelButtonCancel" onClick={this.sgsinImage}>重新截图</Button>
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkFacial}>确定</Button>
             </div>
           ]}>