cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/multi-chat/utils/rtc-client-multi.js

@@ -1,376 +0,0 @@
-/* eslint-disable require-jsdoc */
-import { callSip, dropSip, muteAudioSip } from '@/utils/sip-device';
-
-let TRTC;
-
-export default class RtcClient {
-  constructor(options) {
-    // this.sdkAppId_ = options.sdkAppId;
-    this.sdkAppId_ = options.vendor == 2 ? options.sdkAppId : Number(options.sdkAppId);
-    this.userId_ = options.userId;
-    this.userSig_ = options.userSig;
-    this.roomId_ = options.vendor == 2 ? options.roomId : Number(options.roomId);
-    const screen = options.screen || false;
-    // 是否开启视频
-    this.openVideo = screen ? false : options.openVideo;
-    this.screen = screen;
-    // 远端关闭时，关闭窗口
-    this.videoWindow = options.videoWindow;
-
-    this.isJoined_ = false;
-    this.isPublished_ = false;
-    this.localStream_ = null;
-    this.remoteStreams_ = [];
-    this.options = options;
-    const sdkjs = Promise.resolve(options.vendor == 2 ? require('@/utils/kty-sdk') : { default: require('trtc-js-sdk') });
-    sdkjs.then(res => {
-      TRTC = res.default;
-      // check if browser is compatible with TRTC
-      TRTC.checkSystemRequirements().then(result => {
-        if (!result) {
-          alert('Your browser is not compatible with TRTC! Please download Chrome M72+');
-        } else {
-          this.join();
-        }
-      });
-    });
-  }
-
-  async join() {
-    if (this.isJoined_) {
-      console.warn('duplicate RtcClient.join() observed');
-      return;
-    }
-
-    // create a client for RtcClient
-    this.client_ = TRTC.createClient({
-      mode: 'videoCall', // 实时通话模式
-      host: this.options.host,
-      roomId: this.roomId_,
-      sdkAppId: this.sdkAppId_,
-      userId: this.userId_,
-      userSig: this.userSig_
-    });
-
-    // 处理 client 事件
-    this.handleEvents();
-
-    try {
-      // join the room
-      await this.client_.join({ roomId: this.roomId_ });
-      console.log('join room success');
-      this.isJoined_ = true;
-    } catch (error) {
-      console.error('failed to join room because: ' + error);
-      if (this.options.vendor == 2) {
-        alert(error.message ? `进房失败原因：${error.message}` : '进房失败原因');
-        return;
-      }
-      alert(
-        '进房失败原因：' +
-          error +
-          '\r\n\r\n请确保您的网络连接是正常的，您可以先体验一下我们的Demo以确保网络连接是正常的：' +
-          '\r\n https://trtc-1252463788.file.myqcloud.com/web/demo/official-demo/index.html ' +
-          '\r\n\r\n另外，请确保您的帐号信息是正确的。' +
-          '\r\n请打开链接：https://cloud.tencent.com/document/product/647/34342 查询详细错误信息！'
-      );
-      return;
-    }
-
-    // create a local stream with audio/video captured from microphone/camera
-    this.localStream_ = TRTC.createStream(
-      {
-        audio: true,
-        video: this.openVideo,
-        screen: this.screen,
-        userId: this.userId_
-        // cameraId: getCameraId(),
-        // microphoneId: getMicrophoneId()
-      },
-      this.client_
-    );
-    // 设置视频分辨率帧率和码率
-    // console.log,暂时注释
-    this.localStream_.setVideoProfile(this.screen ? '1080p' : '720p');
-
-    try {
-      // initialize the local stream
-      await this.localStream_.initialize();
-      console.log('initialize local stream success');
-    } catch (error) {
-      console.error('failed to initialize local stream because: ' + error);
-      this.$emit('initializeError', error);
-      return;
-    }
-
-    this.localStream_.on('player-state-changed', event => {
-      console.log(`local stream ${event.type} player is ${event.state}`);
-      if (event.type === 'video' && event.state === 'PLAYING') {
-        // dismiss the remote user UI placeholder
-      } else if (event.type === 'video' && event.state === 'STOPPPED') {
-        // show the remote user UI placeholder
-      }
-    });
-    this.addSceenEvent(this.localStream_);
-    // publish local stream by default after join the room
-    await this.publish();
-    // 在名为 ‘local_stream’ 的 div 容器上播放本地音视频
-    this.options.playStream(this.localStream_, this.userId_);
-    // console.log(document.getElementById(this.userId_), "=================local");
-    document.getElementById('video_' + this.localStream_.id_)?.click();
-
-    console.log(this.options.noVoice, '.......................');
-    if (this.options.noVoice) {
-      this.localStream_.muteAudio();
-    }
-    if (this.options.noVideo) {
-      this.localStream_.muteVideo();
-    }
-  }
-
-  async leave() {
-    if (!this.isJoined_) {
-      console.warn('leave() - leave without join()d observed');
-      return;
-    }
-
-    if (this.isPublished_) {
-      // ensure the local stream has been unpublished before leaving.
-      await this.unpublish(true);
-    }
-
-    try {
-      // leave the room
-      await this.client_.leave();
-      this.isJoined_ = false;
-    } catch (error) {
-      console.error('failed to leave the room because ' + error);
-      location.reload();
-    } finally {
-      // 停止本地流，关闭本地流内部的音视频播放器
-      this.localStream_.stop();
-      // 关闭本地流，释放摄像头和麦克风访问权限
-      this.localStream_.close();
-      this.localStream_ = null;
-    }
-  }
-
-  async publish() {
-    if (!this.isJoined_) {
-      console.warn('publish() - please join() firstly');
-      return;
-    }
-    if (this.isPublished_) {
-      console.warn('duplicate RtcClient.publish() observed');
-      return;
-    }
-    try {
-      const sip = this.options.sip;
-      if (sip) {
-        // 如果是sip设备通话，就不推送本地流
-        this.useSip(sip);
-        this.callSip();
-      } else {
-        // 发布本地流
-        await this.client_.publish(this.localStream_);
-      }
-      this.isPublished_ = true;
-    } catch (error) {
-      console.error('failed to publish local stream ' + error);
-      this.isPublished_ = false;
-    }
-  }
-
-  async unpublish(isLeaving) {
-    if (!this.isJoined_) {
-      console.warn('unpublish() - please join() firstly');
-      return;
-    }
-    if (!this.isPublished_) {
-      console.warn('RtcClient.unpublish() called but not published yet');
-      return;
-    }
-
-    try {
-      if (this.isSip) {
-        this.dropSip();
-      } else {
-        // 发布本地流
-        await this.client_.unpublish(this.localStream_);
-      }
-      this.isPublished_ = false;
-    } catch (error) {
-      console.error('failed to unpublish local stream because ' + error);
-      if (!isLeaving) {
-        console.warn('leaving the room because unpublish failure observed');
-        this.leave();
-      }
-    }
-  }
-
-  handleEvents() {
-    // 处理 client 错误事件，错误均为不可恢复错误，建议提示用户后刷新页面
-    this.client_.on('error', err => {
-      console.error(err);
-      alert(err);
-      // location.reload();
-    });
-
-    // 处理用户被踢事件，通常是因为房间内有同名用户引起，这种问题一般是应用层逻辑错误引起的
-    // 应用层请尽量使用不同用户ID进房
-    this.client_.on('client-banned', err => {
-      console.error('client has been banned for ' + err);
-      // location.reload();
-    });
-
-    // 远端用户进房通知 - 仅限主动推流用户
-    this.client_.on('peer-join', evt => {
-      const userId = evt.userId;
-      console.log('peer-join ' + userId);
-    });
-    // 远端用户退房通知 - 仅限主动推流用户
-    this.client_.on('peer-leave', evt => {
-      const userId = evt.userId;
-      console.log('peer-leave ' + userId);
-    });
-
-    // 处理远端流增加事件
-    this.client_.on('stream-added', evt => {
-      const remoteStream = evt.stream;
-      const id = remoteStream.getId();
-      const userId = remoteStream.getUserId();
-      console.log(`remote stream added: [${userId}] ID: ${id} type: ${remoteStream.getType()}`);
-      console.log('subscribe to this remote stream');
-      // 远端流默认已订阅所有音视频，此处可指定只订阅音频或者音视频，不能仅订阅视频。
-      // 如果不想观看该路远端流，可调用 this.client_.unsubscribe(remoteStream) 取消订阅
-      this.client_.subscribe(remoteStream);
-    });
-
-    // 远端流订阅成功事件
-    this.client_.on('stream-subscribed', evt => {
-      const remoteStream = evt.stream;
-      this.remoteStreams_.push(remoteStream);
-      this.$emit('stream-subscribed', evt);
-    });
-
-    // 处理远端流被删除事件
-    this.client_.on('stream-removed', evt => {
-      const remoteStream = evt.stream;
-      const id = remoteStream.getId();
-      // 关闭远端流内部的音视频播放器
-      remoteStream.stop();
-      this.remoteStreams_ = this.remoteStreams_.filter(stream => {
-        return stream.getId() !== id;
-      });
-      console.log(`stream-removed ID: ${id}  type: ${remoteStream.getType()}`);
-      // 添加，离开房间时关闭窗口
-      this.videoWindow.$emit('close-video', false);
-      this.videoWindow.isShowStart = true;
-      this.$emit('stream-removed', evt);
-      // 添加结束
-    });
-
-    // 处理远端流更新事件，在音视频通话过程中，远端流音频或视频可能会有更新
-    this.client_.on('stream-updated', evt => {
-      const remoteStream = evt.stream;
-      console.log('type: ' + remoteStream.getType() + ' stream-updated hasAudio: ' + remoteStream.hasAudio() + ' hasVideo: ' + remoteStream.hasVideo());
-    });
-
-    // 远端流音频或视频mute状态通知
-    this.client_.on('mute-audio', evt => {
-      console.log(evt.userId + ' mute audio');
-    });
-    this.client_.on('unmute-audio', evt => {
-      console.log(evt.userId + ' unmute audio');
-    });
-    this.client_.on('mute-video', evt => {
-      console.log(evt.userId + ' mute video');
-    });
-    this.client_.on('unmute-video', evt => {
-      console.log(evt.userId + ' unmute video');
-    });
-
-    // 信令通道连接状态通知
-    this.client_.on('connection-state-changed', evt => {
-      console.log(`RtcClient state changed to ${evt.state} from ${evt.prevState}`);
-    });
-
-    this.client_.on('kty-error', (type, error) => {
-      this.$emit(type, error);
-    });
-  }
-  $emit(evetName, evt) {
-    const events = this.options.events;
-    events && events.$emit(evetName, evt);
-  }
-  addSceenEvent(localStream) {
-    localStream.on('screen-sharing-stopped', event => {
-      this.$emit('screen-sharing-stopped', event);
-    });
-  }
-  getTRTC() {
-    return TRTC;
-  }
-  async toggleScreen(flag, options) {
-    if (this.options.vendor == 2) {
-      try {
-        // 科天屏幕共享逻辑
-        const client_ = this.client_;
-        this.localStream_?.stop();
-        if (flag) {
-          if (this.isSip) {
-            this.dropSip();
-          } else {
-            await client_.closeVideo();
-          }
-          const stream = await client_.createShareStream();
-          client_.publishShareStream(stream);
-          this.localStream_.switchMode(true);
-          this.options.playStream(this.localStream_, this.userId_);
-        } else {
-          await client_.stopShareScreen();
-          if (this.isSip) {
-            this.callSip();
-          } else {
-            client_.openVideo();
-            this.localStream_.switchMode(false);
-            this.options.playStream(this.localStream_, this.userId_);
-          }
-        }
-      } catch (error) {
-        this.$emit('initializeError', error);
-      }
-    } else {
-      if (this.isJoined_) {
-        await this.leave();
-      }
-      if (!TRTC || !TRTC.isScreenShareSupported()) {
-        return alert('当前浏览器不支持屏幕分享！');
-      }
-      this.screen = flag;
-      return new RtcClient({
-        ...this.options,
-        options,
-        openVideo: true,
-        screen: this.screen
-      });
-    }
-  }
-  setMuteAudio(status) {
-    if (this.isSip) {
-      muteAudioSip(this.client_, this.sip, status);
-      return;
-    }
-    status ? this.localStream_?.muteAudio() : this.localStream_?.unmuteAudio();
-  }
-  callSip() {
-    this.sip && callSip(this.client_, this.sip);
-  }
-  dropSip() {
-    this.sip && dropSip(this.client_, this.sip);
-  }
-  useSip(sip) {
-    this.isSip = true;
-    this.sip = sip;
-  }
-}