react_hsbc_teller 2.0.81 → 2.0.83

package/package.json

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

package/packages/pages/video/video.jsx

@@ -46,6 +46,7 @@ import recordErrorAudio from '../../assets/mp3/record_error.mp3'
 import IpadLeaveAudio from '../../assets/mp3/ipad_leave_error.mp3';
 import IpadLowPowerAudio from '../../assets/mp3/ipad_low_power.mp3'; 
 import ipadMediaCloseAudio from '../../assets/mp3/ipad_media_close.mp3'; 
+import volumeError from '../../assets/mp3/volume_error.mp3'
 import MediaErrorAudio from '../../assets/mp3/media_error.mp3';
 import startMediaError from '../../assets/mp3/startMedia_error.mp3'
 import internalJoin from '../../assets/mp3/internalJoin.mp3'
@@ -65,7 +66,7 @@ import axios from 'axios';
 import CryptoJS from "crypto-js";
 
 
-const SDK_VERISON = '2.0.81'
+const SDK_VERISON = '2.0.83'
 const IDtypeFront = '请客户在其设备后置摄像头下展示证件正面（如：身份证照片页面）'
 const IDtypeBack = '请在后置摄像头下展示证件反面（如：身份证国徽页）'
 const { Option } = Select;
@@ -357,7 +358,7 @@ class Video extends Component {
     gainNodeVolume: 1, // 音量增益节点-用于投屏
     gainNodeVolumeNew: 1,
     networkAnomalyModalVisible: false, // 网络异常弹窗
-
+    isModalVisibleVolume: false, // RM音量异常弹窗
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -3864,6 +3865,7 @@ class Video extends Component {
       console.log('服务端录制初始化成功', record_id, record_third_id)
     };
     this.test_controller.OnVolumeAnalyser = (sid, analyser) => {
+      console.log('analyser',analyser)
       clearInterval(this.state.OnVolumeAnalyserMap.get(sid))
       let publish_sid = (document.getElementById('publish_video1') ? document.getElementById('publish_video1').name : '') || (document.getElementById('publish_streamId1') ? document.getElementById('publish_streamId1').name : '');
       let subscribe_sid1 = (document.getElementById('video1') ? document.getElementById('video1').name : '') || (document.getElementById('audio1') ? document.getElementById('audio1').name : '');
@@ -3881,9 +3883,17 @@ class Video extends Component {
       let subscribe_sid12 = (document.getElementById('video12') ? document.getElementById('video12').name : '') || (document.getElementById('audio12') ? document.getElementById('audio12').name : '');
 
       let volumeView;
+      // RM音量处理：新增提示，当rm非静音的情况下，音量为0，提示 voiceStatue--为false  RM端是非静音的状态
       switch (sid) {
         case publish_sid:
           volumeView = "publish_volumeView";
+          if (!this.volumeFunctionTimer && this.state.voiceStatue == false &&  this.state.analyserHeight.get(sid) == 0) {
+            this.volumeFunctionTimer = setTimeout(this.volumeFunction.bind(this, sid), 15000)
+          }
+          if (this.volumeFunctionTimer && this.state.voiceStatue == false &&  this.state.analyserHeight.get(sid) != 0) {
+            clearTimeout(this.volumeFunctionTimer)
+            this.volumeFunctionTimer = null
+          }
           break;
         case subscribe_sid1:
           volumeView = "subscribe_volumeView1";
@@ -3961,6 +3971,7 @@ class Video extends Component {
           this.state.analyserHeight = this.state.analyserHeight
         }
       }
+      console.log('this.state.analyserHeight', this.state.analyserHeight, this.state.analyserHeight.get(sid))
       this.state.OnVolumeAnalyserMap.set(sid, setInterval(
         this.test_controller.OnVolumeAnalyser.bind(this, sid, analyser),
         300
@@ -4278,6 +4289,8 @@ class Video extends Component {
     clearTimeout(this.ipadLowPowerPlayTimer)
     clearTimeout(this.mediaErrorPlayTimer)
     clearTimeout(this.screenSharedTimer)
+    clearTimeout(this.volumeFunctionTimer)
+    clearTimeout(this.volumePlayTimer)
     clearInterval(this.state.drawCanvasInterval)
     clearInterval(this.state.faceDetectionTimer);
     clearInterval(this.state.imageDetectionTimer);
@@ -6853,6 +6866,9 @@ class Video extends Component {
     this.setState({ idCardNumber: event.target.value });
   }
   dateNewTime=(value)=>{
+    if(value == '长期') {
+      return true;
+    }
     var myDate = new Date();
     var year = myDate.getFullYear();
     var month = myDate.getMonth() + 1;
@@ -7174,6 +7190,41 @@ class Video extends Component {
       gainNodeVolumeNew: value
     })
   }
+  // RM音量处理
+  volumeFunction(sid) {
+    console.log('this.state.analyserHeight', this.state.analyserHeight, this.state.analyserHeight.get(sid))
+    if (this.state.voiceStatue == false &&  this.state.analyserHeight.get(sid) == 0) {
+      // this.messageClick('当前音量为0，请检查设备', 'error')
+       this.setState({
+          isModalVisibleVolume: true,
+        })
+      clearTimeout(this.volumePlayTimer)
+      this.volumePlay = () => {
+        if (this.state.isModalVisibleVolume) {
+          if (this.volumeAudio) this.volumeAudio.pause()
+          this.volumeAudio = new Audio(volumeError)
+          this.volumeAudio.play()
+          this.volumePlayTimer = setTimeout(this.volumePlay, 3000);
+          console.log('this.state.analyserHeight111', this.volumePlayTimer)
+        }
+      }
+      setTimeout(this.volumePlay, 0);
+    }
+  }
+  // RM音量异常弹框取消
+  handleCancelVolume = () => {
+    clearTimeout(this.volumePlayTimer)
+    clearTimeout(this.volumeFunctionTimer)
+    this.volumeFunctionTimer = null
+    this.setState({isModalVisibleVolume: false})
+  }
+  //RM音量异常弹框刷新
+  handleOkVolume = () => {
+    clearTimeout(this.volumePlayTimer)
+    clearTimeout(this.volumeFunctionTimer)
+    this.volumeFunctionTimer = null
+    location.reload(false);
+  }
   render() {
     const { meetingInfo, isTranscribing } = this.props
     var pdfChildren
@@ -8067,6 +8118,7 @@ class Video extends Component {
                 key="5" className={this.state.envInfo.networkResult=='不合格'? 'panel-error':''} >
                 <p className='envClass'>网络状态：{this.state.envInfo.networkStatus}</p>
                 {this.state.envInfo.networkInfo?<p className='envClass'>{this.state.envInfo.networkInfo}</p>:null}
+                <p className='envClass'>检测标准：预估下行速度/带宽应大于0.2Mb/s</p>
               </Panel>
               <Panel header={<span>设备电量 - {this.state.envInfo.batteryResult} {this.state.envInfo.batteryResult=='不合格'? <img src={IconFail} />: <img src={IconSuccess} />} </span>} 
                 key="2" className={this.state.envInfo.batteryResult=='不合格'? 'panel-error':''}>
@@ -8144,6 +8196,15 @@ class Video extends Component {
               </Panel>
             </Collapse>
           </Modal>
+          {/* RM音量处理，当为0的时候弹窗处理*/}
+          <Modal closable={false} centered={true} visible={this.state.isModalVisibleVolume} maskClosable={false} footer={[
+            <div key='end'>
+              <Button className="modelButtonCancel" onClick={this.handleCancelVolume}>取消</Button>
+              <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkVolume}>刷新</Button>
+            </div>
+          ]}>
+            <div className='endModal'>当前设备音量为0，请检查设备</div>
+          </Modal>
           <video className="mixedvideo" id="mixedvideo" autoPlay muted={true} width="0" height="0"></video>
           <video className="mixedvideo" id="manedvideo" autoPlay width="0" height="0"></video>
           <video className="mixedvideo" id="video30" autoPlay width="0" height="0"></video>
@@ -8218,4 +8279,4 @@ Video.defaultProps = {
   logUrl: 'http://hsbc.cn-shanghai.log.aliyuncs.com/logstores/hsbc/track?APIVersion=0.6.0&app=meeting-ui',
   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
+export default Video