snk-rt-newvideo-pc v0.2.1

webpack3 ie8

特殊说明，webpack支持IE8，但是框架中集成了stateMachine 和 RXJS库，这两个库并不支持IE8，但是支持IE9+

1.npm install

2.删除node_modules\babel-runtime\helpers\classCallCheck.js 的抛出异常的代码

// node_modules\babel-runtime\helpers\classCallCheck.js

"use strict";

exports.__esModule = true;

exports.default = function (instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    // 不然打包报错
    // throw new TypeError("Cannot call a class as a function");
  }
};

运行

npm start

打包

npm run build

/src/entry/RtVideo.js

业务相关说明

一、主接口

引入方式

1、<script type="text/javascript" src="./snk-sse-0.1.0.js?a64d399f9a7fadbf7e21"></script>
2、import RtVideo from snk-rt-video-pc

二、相关初始化 new RtVideo()

相关初始化参数说明

示例代码

<script>
function onLoad() {
      var rtVideo = new RtVideo({ systemCode: 'videoReview', profile: 'test', account: 'zhujiaqi@sinosafe.com.cn',
        // token: 'e94605b0d08f4531a3e065270ac4544c',
        // sseServerUrl: 'https://proxytest.sinosafe.com.cn/zzlp01//push-client/',
        // videoServiceUrl: 'https://proxytest.sinosafe.com.cn/zzlp01/rtv/',
        // stateServiceUrl: 'https://proxytest.sinosafe.com.cn/zzlp01/dispatch/',
      }, {
        next: function (event) { // 处理业务
          var Consts = RtVideo.Consts;
          if (event.type === Consts.VideoEventType.INCOMING_CALL) { // 用户来电会话ID
            sid = event.data.sid;
          } else if (event.type === Consts.VideoEventType.STATE_CHANGE) {  // 状态变化
            document.querySelector('#state').innerHTML = event.data.state;
          } else if (event.type === Consts.VideoEventType.EXCHANGE_CALL) { // 切换坐席请求
            document.querySelector('#state1').innerHTML = '切换坐席请求';
            sid = event.data.sid;
          }
        },
        error: function (e) { // 处理错误消息
          console.error(e);
        },
        complete: function () {

        }
      });
    }
</script>

三、rtVideo 提供的相关方法

方法API说明

示例代码

<script>
/*
  sid: 当前会话ID
  type: 截图类型， pusher推流 或player拉流
  obj: { sid: sid, newer: newer }
*/
  rtVideo.state()                             // 获取当前状态
  rtVideo.rest()                              // 休息
  rtVideo.back()                              // 休息返回
  rtVideo.answer(sid)                         // 接听
  rtVideo.refuse(sid)                         // 拒绝
  rtVideo.hangUp(sid)                         // 挂断
  rtVideo.snapshot(type)                      // 坐席端截图
  rtVideo.reconnect()                         // 当exe不小心关闭，重新呼起EXE无反应，调用后，网页重新连接exe
  rtVideo.unload()                            // 关闭exe与网页的连接（关闭EXE，不会自动拉起），如果还在通话中，会中断通话
---------------------------------------------------------------------
  rtVideo.askChangePerson (obj)               // 切换坐席请求 
  rtVideo.cancelChangePerson(obj)             // 取消坐席请求
  rtVideo.acceptChangePerson (obj)            // 接受切换坐席请求
  rtVideo.refuseChangePerson (obj)            // 拒绝切换坐席请求
---------------------------------------------------------------------
  rtVideo.askAddPerson (obj)                  // 发起第三方请求
  rtVideo.cancelAddPerson(obj)                // 取消第三方请求
  rtVideo.removeAddPerson(obj)                // 移除第三方请求
  rtVideo.acceptAddPerson (obj)               // 接受第三方请求
  rtVideo.refuseAddPerson (obj)               // 拒绝第三方请求
  rtVideo.quitAddPerson (obj)                 // 主动退出第三方请求
</script>

四、回调函数相关

事件类型

/**
 * 业务端的事件类型
 */
const VideoEventType = {
  INCOMING_CALL: 'INCOMING_CALL',                // 来电事件
  RECOVERY_CALL: 'RECOVERY_CALL',                // 恢复来电事件
  INCOMING_CALL_HANGUP: 'INCOMING_CALL_HANGUP',  // 用户挂断来电或会话结束
  VIDEOTAPE: 'VIDEOTAPE',                        // 视频录像
  SNAPSHOT: 'SNAPSHOT',                          // 截图事件
  STATE_CHANGE: 'STATE_CHANGE',                  // 状态变化事件
  HTTP_BACK: 'HTTP_BACK',                        // http请求返回
  EXE_EVENT: 'EXE_EVENT',                        // exe异常事件
  EXCHANGE_CALL: 'EXCHANGE_CALL',                // 坐席切换请求
  ADD_CALL: 'ADD_CALL'                           // 坐席增加请求
}

通话状态(STATE_CHANGE事件或主动获取时返回的状态）

/**
 * 通话状态状态
 */
const ServiceFsmState = {
  DISCONNECTED: 'disconnected',   // 连接断开（致命异常）
  READY: 'ready',                 // 准备就绪
  LEAVE: 'leave',                 // 离开、休息
  WAIT: 'wait',                   // 待接听
  BUSY: 'busy'                    // 通话中
}

相关事件码（事件码说明）

/**
 * 视频信令命令码
 */
const VideoControlCode = {
  INCOMING_CALL: 50200,                           // 客户端推拉流资源
  USER_INTERRUPT : 30017,                         // 用户挂断
  USER_OFF_LINE: 30019,                           // 用户离线
  AUTO_END_SESSION: 30000,                        // 会话自动结束
  STAFF_CHANGE_ASK: 20100,                        // 坐席切换请求
  STAFF_CHANGE_CALL_BACK_ACCEPT: 20101,           // 收到接受切换回复
  STAFF_CHANGE_CALL_BACK_REJECT: 20102,           // 收到拒绝切换回复
  STAFF_CHANGE_CALL_BACK_CANCEL: 20103,           // 被切换方收到坐席取消切换
  STAFF_CHANGE_LIVE_SRC: 50201,                   // 坐席切换受理结果推拉流资源
  PARTICIPATOR_LIVE_SRC: 50202,                   // 添加第三方受理结果推拉流资源
  VIDEO_REC_SRC: 50203,                           // 视频录制资源
  IMG_SRC: 50204,                                 // 平台转发微信小程序侧上传的图片的信息给接入系统
  END_SESSION: 30025,                             // 会话结束
  ADDPARTICIPATOR_ASK: 20200,                     // 添加第三方坐席请求
  ADDPARTICIPATOR_CALL_BACK_ACCEPT: 20201,        // 第三方座席接听
  ADDPARTICIPATOR_CALL_BACK_REJECT: 20202,        // 第三方座席拒绝
  ADDPARTICIPATOR_DEL: 20203,                     // 第三方座席退出
  ADDPARTICIPATOR_CANCEL: 20204,                  // 第三方收到主坐席取消
}