react_hsbc_teller 2.0.75 → 2.0.76

package/packages/pages/video/video.jsx

@@ -22,7 +22,8 @@ import { Collapse } from 'antd';
 import 'antd/lib/collapse/style'
 const { Panel } = Collapse;
 import { Button } from '../../../node_modules/antd/lib/index';
-
+import Slider from 'antd/lib/slider';
+import 'antd/lib/slider/style'
 import './video.less'
 import { compressImage, isLight, saveBase64Image, combineBase64Images } from '../../utils/utils'
 import Recorder from "js-audio-recorder";
@@ -63,7 +64,7 @@ import MultiModule from '../multiModule/multiModule'//签字、抄录
 import axios from 'axios';
 import CryptoJS from "crypto-js";
 
-const SDK_VERISON = '2.0.75'
+const SDK_VERISON = '2.0.76'
 const IDtypeFront = '请客户在其设备后置摄像头下展示证件正面（如：身份证照片页面）'
 const IDtypeBack = '请在后置摄像头下展示证件反面（如：身份证国徽页）'
 const { Option } = Select;
@@ -351,7 +352,9 @@ class Video extends Component {
     transcribeErrorCode: '',
     presaleRecordId: '',
     salePresaleRecordId: '',
-    supplesalePresaleRecordId: ''
+    supplesalePresaleRecordId: '',
+    gainNodeVolume: 1, // 音量增益节点-用于投屏
+    gainNodeVolumeNew: 1
 
   };
   // eslint-disable-next-line no-undef
@@ -1789,6 +1792,9 @@ class Video extends Component {
             // 关闭录制
             this.saveLog('stop recording')
             this.test_controller.StopRemoteRecord(this.state.recordId)
+            if(this.state.presaleRecordId) {
+              this.test_controller.StopRemoteRecord(this.state.presaleRecordId)
+            }
           }
         }
       }
@@ -2166,6 +2172,12 @@ class Video extends Component {
           console.log('业务录制关闭', this.state.businessRecordId)
           this.saveLog('Stop business recording')
           this.test_controller.StopRemoteRecord(this.state.businessRecordId)
+          if(this.state.salePresaleRecordId) {
+              this.test_controller.StopRemoteRecord(this.state.salePresaleRecordId)
+          }
+          if(this.state.supplesalePresaleRecordId) {
+              this.test_controller.StopRemoteRecord(this.state.supplesalePresaleRecordId)
+          }
           if (this.state.ipadRecordId) this.test_controller.StopRemoteRecord(this.state.ipadRecordId)
 
           this.state.businessId = '';
@@ -2177,6 +2189,10 @@ class Video extends Component {
         // 会议到时间
         console.log('会议超过时间限制')
         this.endSessionValue();
+      } else if (Mival.typeId == 990002 && this.state.sessionId == Mival.sessionId) {
+        this.props.closePdfCallback({
+          step: Mival.data.step
+        })
       }
   }
   getUserTitle = (userId) => {
@@ -2782,7 +2798,29 @@ class Video extends Component {
         if (stream.getAudioTracks()[0] && newStream1.addTrack) {
           newStream1.addTrack(stream.getAudioTracks()[0])
         }
-        return newStream1
+
+        if (publish_device == 2 && newStream1.getAudioTracks().length > 0) {
+          console.log('AudioContextAudioContext', this.state.gainNodeVolume)
+          const audioContext = new AudioContext();
+          const source = audioContext.createMediaStreamSource(newStream1);
+          const gainNode = audioContext.createGain();
+
+          // 设置增益倍数（2.0 = 提升100%）自定义选择1-5
+          gainNode.gain.value = this.state.gainNodeVolume;  // 根据需求调整
+          // 创建处理后的流
+          const dest = audioContext.createMediaStreamDestination();
+          source.connect(gainNode).connect(dest);
+
+          // 构建新流（视频+增强后音频）
+          const processedStream = new MediaStream([
+            ...newStream1.getVideoTracks(),
+            ...dest.stream.getAudioTracks()
+          ]);
+
+          return processedStream;
+        } else {
+          return newStream1
+        }
       }
       return stream
     }
@@ -6403,6 +6441,7 @@ class Video extends Component {
     this.envDetection()
     this.setState({
       isModalVisibleEnvironment: true,
+      gainNodeVolumeNew: this.state.gainNodeVolume
     })
   }
   
@@ -6490,18 +6529,22 @@ class Video extends Component {
   handleOkEnvDetection = async () => {
     this.setState({
       isModalVisibleEnvironment: false,
+      gainNodeVolume: this.state.gainNodeVolumeNew
+    }, () => {
+      const cMicrophone = this.state.microphoneList.find((item) => item.actionid === this.state.microphoneValue);
+      const cSpeaker = this.state.speakerList[0];
+      console.log(`当前麦克风设备: ${cMicrophone?.actionname || ''}, 当前扬声器设备: ${cSpeaker?.actionname || ''}`, `当前设置的投屏音量为：${this.state.gainNodeVolume}`);
+      this.saveLog(`当前麦克风设备: ${cMicrophone?.actionname || ''}, 当前扬声器设备: ${cSpeaker?.actionname || ''}`);    // 开启画中画
+      this.saveLog(`当前设置的投屏音量为：${this.state.gainNodeVolume}`)
+      if (!this.state.isPictureInPicture) {
+        this.pictureInPicture()
+      }
+      // 分行模式，需要自动开启业务录制
+      if (this.props.recordMode == 2) {
+        this.startBusinessRecord()
+      }
     })
-    const cMicrophone = this.state.microphoneList.find((item)=> item.actionid === this.state.microphoneValue);
-    const cSpeaker = this.state.speakerList[0];
-    console.log(`当前麦克风设备: ${cMicrophone?.actionname ||''}, 当前扬声器设备: ${cSpeaker?.actionname || ''}`);
-    this.saveLog(`当前麦克风设备: ${cMicrophone?.actionname ||''}, 当前扬声器设备: ${cSpeaker?.actionname || ''}`);    // 开启画中画
-    if (!this.state.isPictureInPicture) {
-      this.pictureInPicture()
-    }
-    // 分行模式，需要自动开启业务录制
-    if (this.props.recordMode == 2) {
-      this.startBusinessRecord()
-    }
+
   }
 
   async startBusinessRecord() {
@@ -7061,6 +7104,12 @@ class Video extends Component {
     //   })
     // }
   }
+  onChangeVolume = (value) => {
+    console.log('onChangeVolume', value)
+    this.setState({
+      gainNodeVolumeNew: value
+    })
+  }
   render() {
     const { meetingInfo, isTranscribing } = this.props
     var pdfChildren
@@ -7182,6 +7231,13 @@ class Video extends Component {
       bottom: 0,
       margin: 'auto'
     };
+    const marks = {
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5'
+    };
     return (
       <div className="all" id="allHSBC">
         <Spin spinning={this.state.loading} tip="视频初始化中...">
@@ -7933,7 +7989,7 @@ class Video extends Component {
               <Button className={isEnvironmentOK ?"modelButtonOk": "modelButtonNo"} type="primary" disabled={!isEnvironmentOK } danger onClick={this.handleOkEnvDetection}>确定</Button>
             </div>
           ]}>
-             <Collapse defaultActiveKey={['1', '2', '3', '4', '5', '6']} ghost>
+             <Collapse defaultActiveKey={['1', '2', '3', '4', '5', '6', '7']} ghost>
              
               <Panel header={<span>网络检测 - {this.state.envInfo.networkResult } {this.state.envInfo.networkResult=='不合格'? <img src={IconFail} />: <img src={IconSuccess} />}</span>} 
                 key="5" className={this.state.envInfo.networkResult=='不合格'? 'panel-error':''} >
@@ -8011,6 +8067,9 @@ class Video extends Component {
                  <p className="envClass">{this.state.envInfo.lightResult=='合格'? '无过度背光、曝光':'过度背光、曝光'}</p> 
               </Panel>
               }
+              <Panel header={<span>投屏音量</span>} key="7">
+                <Slider marks={marks} className="sliderClass" min={1} max={5} value={this.state.gainNodeVolumeNew} onChange={this.onChangeVolume} />
+              </Panel>
             </Collapse>
           </Modal>
           <video className="mixedvideo" id="mixedvideo" autoPlay muted={true} width="0" height="0"></video>

package/packages/pages/video/video.less

@@ -719,3 +719,7 @@ body {
 .currentDevice{
   color: #DB0011;
 }
+.sliderClass{
+  width: 70%;
+  margin-left: 1.25rem;
+}