TRTC学习之旅（四）-- 用electron实现视频聊天室

npm install trtc-electron-sdk@latest --save

npm install

npm run start # 首次运行，稍等片刻后，窗口中才会出现 UI

 // 没有摄像头，有麦克风，可以音频
    if (trtcState.isCameraReady() === false) {
      this.warn('找不到可用的摄像头，观众将无法看到您的画面。');
    }
    // 有摄像头，没有麦克风，可以视频
    if (trtcState.isMicReady() === false) {
      this.warn('找不到可用的麦克风，观众将无法听到您的声音。');
    }

// 2. 计算签名
this.sdkInfo = genTestUserSig(this.userId);

// 3. 实例化一个 trtc-electron-sdk
    trtcCloud = new TRTCCloud();
    logger.warn(`sdk version: ${trtcCloud.getSDKVersion()}`);

// 4. 配置基本的事件订阅

    //技术指标统计回调,每2秒回调一次
    trtcCloud.on('onStatistics', (statis)=>{logger.log('onStatistics', statis);});
    
    //加入房间的回调
    trtcCloud.on('onEnterRoom', this.onEnterRoom.bind(this));
    
    //退出房间的回调
    trtcCloud.on('onExitRoom', this.onExitRoom.bind(this));
    
    // 用户是否开启摄像头视频
    trtcCloud.on('onUserVideoAvailable', this.onUserVideoAvailable.bind(this));
    
    //有用户加入当前房间，直播模式下只有主播进入房间才会触发
    trtcCloud.on('onRemoteUserEnterRoom', this.onRemoteUserEnterRoom.bind(this));
    
    //有用户离开当前房间，直播模式下只有主播退出房间才会触发
    trtcCloud.on('onRemoteUserLeaveRoom', this.onRemoteUserLeaveRoom.bind(this));
    
    //用户是否开启屏幕分享
    trtcCloud.on('onUserSubStreamAvailable', this.onUserSubStreamAvailable.bind(this));

/**
    * 当进入房间时触发的回调
    * @param {number} result - 进房结果， 大于 0 时，为进房间消耗的时间，这表示进进房成功。如果为 -1 ，则表示进房失败。
    **/
    onEnterRoom(result) {
      if ( result > 0 ) {
        // 显示摄像头，开房麦克风，开始推流
        const view = document.getElementById('**');
        trtcCloud.startLocalPreview(view);
        trtcCloud.startLocalAudio();
        trtcCloud.setLocalViewFillMode(TRTCVideoFillMode.TRTCVideoFillMode_Fill);
      } else {
        logger.warn(`onEnterRoom: 进房失败 ${result}`);
      }
    },

/**
    * 远程用户视频流的状态发生变更时触发。
    * @param {number} uid - 用户标识
    * @param {boolean} available - 画面是否开启
    **/
    onUserVideoAvailable(uid, available) {
      if (available === 1) {
         const view = document.getElementById('**');
         this.remoteVideos[id] = view;
         //显示远端视频
         trtcCloud.startRemoteView(uid, view);  //通过ui，在设置好的DOM容器上播放远端流
         //设置远端流视频的填充模式
         trtcCloud.setRemoteViewFillMode(uid, TRTCVideoFillMode.TRTCVideoFillMode_Fill); 
      } else {
        let id = `**`;
        let view = document.getElementById(id);
     
        delete this.remoteVideos[id];
      }
    },

// 5. 设置编码参数
// TRTCVideoEncParam 的详细说明，请参考： https://trtc-1252463788.file.myqcloud.com/electron_sdk/docs/TRTCVideoEncParam.html
let encParam = new TRTCVideoEncParam();

/**
 *  videoResolution
 * 【字段含义】 视频分辨率
 * 【推荐取值】 : Window 和 iMac 建议选择 640 × 360 及以上分辨率，resMode 选择 TRTCVideoResolutionModeLandscape
 * 【特别说明】 TRTCVideoResolution 默认只能横屏模式的分辨率，例如640 × 360。
 */
encParam.videoResolution = TRTCVideoResolution.TRTCVideoResolution_640_360;

/**
 * TRTCVideoResolutionMode
 *【字段含义】分辨率模式（横屏分辨率 - 竖屏分辨率）
  *【推荐取值】Window 和 Mac 建议选择 TRTCVideoResolutionModeLandscape
  *【特别说明】如果 videoResolution 指定分辨率 640 × 360，resMode 指定模式为 Portrait，则最终编码出的分辨率为360 × 640。
  */

//TRTCVideoResolutionMode是trtc提供的全局属性
//TRTCVideoResolutionModeLandscape  横屏分辨率
//TRTCVideoResolutionModePortrait  竖屏分辨率
encParam.resMode = TRTCVideoResolutionMode.TRTCVideoResolutionModeLandscape;
encParam.videoFps = 25;  //帧率
encParam.videoBitrate = 600;  //上行码率
encParam.enableAdjustRes = true; //是否允许调整分辨率  手机直播建议设置为no
trtcCloud.setVideoEncoderParam(encParam)  //设置编码

trtcCloud.setBeautyStyle(TRTCBeautyStyle.TRTCBeautyStyleNature, 5, 5, 5);

// 7. 进入房间
// TRTCParams 详细说明，请查看文档：https://trtc-1252463788.file.myqcloud.com/electron_sdk/docs/TRTCParams.html
let param = new TRTCParams();
param.sdkAppId = this.sdkInfo.sdkappid;
param.userSig = this.sdkInfo.userSig;
param.roomId = this.roomId;
param.userId = this.userId;
param.privateMapKey = ''; // 房间签名（非必填），7.1.157 版本以上（含），可以忽略此参数，7.1.157 之前的版本建议赋值为空字符串
param.businessInfo = '';  // 业务数据（非必填），7.1.157 版本以上（含），可以忽略此参数，7.1.157 之前的版本建议赋值为空字符串

/**
 * TRTCAppScene.TRTCAppSceneVideoCall: 视频通话场景，适合[1对1视频通话]、[300人视频会议]、[在线问诊]、[视频聊天]、[远程面试]等。
 */
trtcCloud.enterRoom(param, TRTCAppScene.TRTCAppSceneVideoCall);

trtcCloud.exitRoom();