@94ai/softphone 5.0.5 → 5.0.7

package/html-softphone-demo/{index-colony.html → index-local.html}

@@ -148,107 +148,7 @@
 <script src="./softphone.umd.min.js"></script>
 
 <script>
-// const pc = new RTCPeerConnection();
-// pc.createOffer({offerToReceiveAudio: true}).then(offer => console.log(offer.sdp, 'RTCPeerConnection supports sdp'))
-
-/**
- *  0.确保你的企业 【坐席外呼依赖】配置项 是【标识】 （默认是【登录】，如果不确定联系94运维在管理后台查看以及配置）
- *  1. 使用 【https://94ai.yuque.com/staff-kqoz0c/xed39g/vifnf1?singleDoc 《九四智能API开放文档（全）》 密码：wqhg】，该文档有疑问可以找 航航同学
- *   - 3.1节 获取坐席信息
- *   - 3.2节 修改坐席状态接口，保证坐席状态在线
- *   tip: 该文档所有开放接口不支持跨域，如果直接通过ajax需要后端做转接(也可以直接用sdk创建的软电话实例的userAgentManager.requestOpenApi请求,该方法支持跨域同时自带请求签名)
- *     - example1：呼叫，也可以直接使用`await userAgentManager.callNumber('15018707394')`
- *        - 请求: http://openapi.94ai.com/v1/task/importAgentCustomer
- *        - 相当于: userAgentManager.requestOpenApi({
- *                  url: '/v1/task/importAgentCustomer',
- *                  data: {
- *                    agentTag: 'xxx',
- *                    agentId: 'xxx',
- *                    callType: 1001,
- *                    customers: [{ number: 15018707394 }]
- *                  }
- *                })
- *     - example2：切换当前坐席小休，也可以直接使用`await userAgentManager.toggleNap(false)`
- *        - 请求: http://openapi.94ai.com/v1/agent/updateAgentStatus
- *        - 相当于: userAgentManager.requestOpenApi({
- *                   url: '/v1/agent/updateAgentStatus',
- *                   data: {
- *                    agentTag: 'xxx',
- *                    agentId: 'xxx',
- *                    agentStatus: 3, // 3: 小休 1： 在线
- *                  }
- *                })
- *     - example3：获取当前坐席信息，也可以直接使用`const angentInfo = await userAgentManager.getAgentInfo()`
- *        - 请求: http://openapi.94ai.com/v1/agent/getAgent
- *        - 相当于: userAgentManager.requestOpenApi({
- *                   url: '/v1/agent/getAgent',
- *                   data: {
- *                    agentTag: 'xxx',
- *                    agentId: 'xxx',
- *                  }
- *                })
- *  2. 点击连接外呼服务器
- *  3. 在决策外呼一个任务，确保你的坐席账号在任务配置的坐席组里；或手动外呼一个号码（`await userAgentManager.callNumber('15018707394')`）
- *  - tip 任务外呼:是先呼用户再呼坐席; 手动外呼：是先呼坐席在呼用户
- *  4. 电话过来后会触发签入注册好的onInvite钩子，这个时候就可以接听，挂断，忽略，转人工，静音等等
- *  5. 处理响应检测这块:
- *    - 建议接听/挂断/忽略只做一次性操作（不管失败成功与否无法二次操作，这个sip.js的局限性有一定关系，比如执行一次挂断后sip层的所有状态就被重置了）
- *    - 建议转人工可以做多次操作（没转成功 可以操作转多次）
- *    - 通讯电话的大多实现也是这样，没有二次挂断/接听/忽略的操作。
- */
-
 document.addEventListener('DOMContentLoaded', async (event) => {
-  // try {
-  //   await new Promise(((resolve, reject) => {
-  //     navigator.getUserMedia({video: true,audio:true}, function onSuccess(stream) {
-  //       resolve(stream)
-  //     }, function onError(error) {
-  //       reject(error)
-  //     });
-  //   }))
-  //   alert('已点击允许,开启成功');
-  // } catch (error) {
-  //   alert("错误：" + error);
-  // }
-  // const inputList = []
-  // const outputList = []
-  // ;(await navigator.mediaDevices.enumerateDevices()).forEach(item => {
-  //   if (!item.label) return
-  //   if (item.kind === 'audioinput') inputList.push(JSON.parse(JSON.stringify(item)))
-  //   else if (item.kind === 'audiooutput') outputList.push(JSON.parse(JSON.stringify(item)))
-  // });
-  // alert('输入音频列表: ' + JSON.stringify(inputList))
-  // alert('输出音频列表: ' + JSON.stringify(outputList))
-
-  // 输入音频列表:
-  // [
-  //   {"deviceld":"default",
-  //     "kind":"audioinput",
-  //     "label":"Default",
-  //     "groupld":"7a8ef9d53aa7c8f2e5494ea603b1a825696ecfd7b965d69eabbc7b36ca24fde6"
-  //   },
-  //   {
-  //     "deviceld":"dda9a37a56a1c8478824641c3218b30fab09035edccbe047c49f4b43cb273c3d",
-  //     "kind":"audioinput",
-  //     "label":"Speakerphone",
-  //     "groupld":"96c1a27879018de7478bbbd4ac10d6c754c827e2e49b8946ccceea95af5381a7"
-  //   },
-  //   {"deviceld":"577a863742550f83e9fffc15465083087ce67abbcd0d1a69ac8a2d7a469c6f56",
-  //     "kind":"audioinput",
-  //     "label":"Headsetearpiece",
-  //     "groupld": "af14e67d688dc0d4b40cb8162ce9794c3f9a0d15b5f5d34817292be3260f9127"
-  //   }
-  // ]
-
-  // 输出音频列表:
-  // [
-  //   {
-  //     "deviceld":"default",
-  //     "kind":"audiooutput",
-  //     "label":"Default",
-  //     "groupld": "default"
-  //   }
-  // ]
   const phoneRing = './antique_phone.mp3'
 
   /**
@@ -301,169 +201,10 @@ document.addEventListener('DOMContentLoaded', async (event) => {
     getMedia
   } = softphone // 👈 sdk
 
-  /** 方式一：appKey + appSecret + agentTag 获取软电话链接代理实例 */
-  // 以下信息采用九四系统的坐席信息接入外呼服务器实现软电话功能
-  // agentTag: 'agent1111', // 测试线 坐席维度定位 或用agentId
-  // appKey: 'ed96615038ffe394', // 测试线 企业维度定位
-  // appSecret: '9fb4aac7b1dbfbb21696bcd7a30cb382', // 测试线 企业维度定位
-
-  // const userAgentManager = UserAgentFactory.getUserAgentManager({
-  //   agentTag: '15018707394', // 生产线 坐席维度定位
-  //   appKey: '032d44009bff1752', // 生产线 企业维度定位
-  //   appSecret: '4c7304c94c5e8725613516d4d6db679b', // 生产线 企业维度定位 这里直接使用appSecret做演示
-  //   refreshSpeekVolumn(value) { // 当来电接通时，实时查看坐席说话的音量实际传送到给对方的音量大小
-  //     volumn.innerText = value
-  //   },
-  //   refreshRequirementCheck(value) { // 权限网络检测
-  //     browserSoftphoneEnv.innerText = JSON.stringify(value, null, 2)
-  //   },
-  //   refreshChat(info) { // 刷新会话记录
-  //     chatInfo.innerText = JSON.stringify(info, null, 2)
-  //   },
-  //   refreshChatErrorCallback(e) {
-  //     console.log(e)
-  //   },
-  //   enableChatInfoPush: true // 开启会话记录实时推送，开启后，当任务外呼时，可以实时获取通话记录信息，实时回调到refreshChat，中途出现任何异常会回调refreshChatErrorCallback
-  // })
-
-  /**
-   * 1. 如果是海外环境新增这三个参数
-   *   sgOpen: '1',
-   *   sg: '1',
-   *   openBaseUrl: '1',
-   * 2. 如果通过sign初始化，记得注册过期回调刷新sign
-   *  sign: 'xxx', // 代替appSecret
-   *  timestamp: 'xxx',
-   *  async signOverdued() {
-   *     return {
-   *       timestamp: 'www',
-   *       sign: 'qqq',
-   *     }
-   *  },
-   *  3. sign是openApi授权
-   *     token是gatewayApi授权.gatewayApi授权用来获取来电详情，对话记录等信息，如果不需要可以不传
-   *     获取token可以参考下方注释， 记得注册过期回调刷新token
-   *  token: 'xxx', // 代替appSecret
-   *  async tokenOverdued() {
-   *     return {
-   *       token: 'qqq',
-   *     }
-   *  },
-   */
-
-  /**
-   * 获取token & 实时查到tag等自定义注入字段对接步骤：(海外：gateway.sg.94ai.com， 国内：gateway.94ai.com)
-   * 1. sdk获取来电相关id
-   * onInvite: (invitation: Invitation) => {
-   *   // invitation.incomingInviteRequest.message.headers['X-Numberid']?.[0].raw
-   *   // invitation.incomingInviteRequest.message.headers['X-Taskid']?.[0].raw
-   *  // 根据id查询tag或业务信息
-   *
-   * 客户后端对接94后提供给客户前端接口及时查询tag（后续其他自定义字段也一并在这里）
-   * 2. post: https://gateway.sg.94ai.com/authority/accessToken/openApi 获取token
-   *   参数：
-   *       corpId: this.#appKey,
-   *       sid: this.#agentId,
-   *       secret: this.#appSecret,
-   *       seatOnline: false
-   * xhr.setRequestHeader('x-app-code', 3)
-   * xhr.setRequestHeader("content-type", "application/json")
-   *
-   *   返回： {
-   *       "token": "a1YyMmFtdGRCM0FiY0QvVGd2dXg4OGIzTHNiK2pSM3BWeHZSbVQrSUhaVT0=", // gateway token ,也可以直接传给sdk，之后通过sdk内置可以直接获取来电详情和对话记录等信息
-   *       "userId": 11976,
-   *       "oldId": 8292,
-   *       "companyId": 1576,
-   *       "chainId": 0,
-   *       "orgId": 1576,
-   *       "userType": 4,
-   *       "account": "zoujh",
-   *       "userName": "zjh",
-   *       "defaultPassword": "",
-   *       "userTypeName": "坐席"
-   *   }
-   *
-   * 3. post: https://gateway.sg.94ai.com/task-aggre/callCenterNumber/get 获取来电详情
-   *   xhr.setRequestHeader('x-token', token)
-   *   xhr.setRequestHeader('seatsToken', token)
-   *   xhr.setRequestHeader('x-authority-token', token)
-   *   xhr.setRequestHeader('x-app-code', 3)
-   *   xhr.setRequestHeader("content-type", "application/json")
-   *   参数：
-   *     id: numberId,
-   *     taskId: taskId
-   *
-   *   返回：
-   *   {
-   *     "status": 200,
-   *     "code": 200,
-   *     "message": "success",
-   *     "data": {
-   *       "tag": 'xxx',  // 这是有相关自定义参数
-   *       "id": 703,
-   *       "number": "15018707394",
-   *       "numberMd5": "77c357c1660cb20b534be8d4ba02cd25",
-   *       "params": "{}", // 这是有相关自定义参数
-   *       "intentTag": "C",
-   *       "state": 10,
-   *       "description": "hangup",
-   *       "recycle": 3,
-   *       "callid": "431a6218-5d40-4312-90d7-bb63e0345774",
-   *       "bill": 4820,
-   *       "duration": 9360,
-   *       "bridgeNumber": "9288",
-   *       "status": "invalid answer",
-   *       "callTotal": 0,
-   *       "smsStatus": 0,
-   *       "repeatCount": 0,
-   *       "lineRepeatCount": 0,
-   *       "invalidRepeatCount": 0,
-   *       "totalRepeatCount": 0,
-   *       "createTime": 1730975822000,
-   *       "keywords": "",
-   *       "gatewayId": 4232,
-   *       "callLog": "[{\"callTime\":\"Nov 07, 2024 10:37:12 AM\",\"status\":\"answer\",\"statusName\":\"已接听\",\"gatewayId\":4232,\"gatewayName\":\"开发人员专用线路-邹家和-1\",\"callServer\":\"server24\"}]",
-   *       "extensionNumber": "9288",
-   *       "sid": 8292,
-   *       "aiBill": 4820,
-   *       "bridgeBill": 0,
-   *       "transferStatus": 20,
-   *       "companyId": 1576,
-   *       "callType": 1,
-   *       "answerTransferType": 2,
-   *       "statusCode": 20,
-   *       "batchId": "1669921261571",
-   *       "config": "{\"expNum\":\"94aikf\",\"whatsappStatus\":0,\"whatsappRead\":2,\"personality\":{},\"templateId\":25662,\"ringAlready\":1,\"originDa\":\"ringback\",\"billByHangup\":0,\"seatsGroupId\":1499}",
-   *       "alterTime": 1730975843000,
-   *       "provinceCode": "440000",
-   *       "cityCode": "440100",
-   *       "telecomOperator": "中国移动"
-   *   }
-   *   }
-   */
-
-  /** 方式二：extensionNumber + extPassword + wsProtocol + wsRegisterAddress 获取软电话链接代理实例 */
-  // 即直接通过【分机号】和【分机密码】以及【外呼服务器地址】实现软电话的直接签入
-  // 九四同学：测试环境不能访问openAPI，可以采用决策系统内部接口获取分机信息接入外呼服务器
-  // 生产环境如果采用分机维度的分机信息可以通过agentTag调用openapi获取
-  // const extensionNumber = '2839' // 测试线 分机账号
-  // const extPassword = 'zjh13542240708' // 测试线 分机密码
-  // const wsProtocol = 'ws' // 测试线外呼服务器地址协议
-  // const wsRegisterAddress = '192.168.31.239:5066' // 测试线 外呼服务器地址
-  // const sipServerHost = `sip:${extensionNumber}@${wsRegisterAddress}` // fs地址
-  // const wsAddress = `${wsProtocol}://${wsRegisterAddress}` // socket地址
-
-  // const extensionNumber = '2510' // 生产线 分机账号
-  // const extPassword = 'zengrongzhi123' // 生产线 分机密码
-  // const wsProtocol = 'ws' // 生产线 外呼服务器地址协议
-  // const wsRegisterAddress = '192.168.31.239:5066' // 生产线 外呼服务器地址
-  // const sipServerHost = `sip:${extensionNumber}@${wsRegisterAddress}` // fs地址
-  // const wsAddress = `${wsProtocol}://${wsRegisterAddress}` // socket地址
-
-  const extensionNumber = '1001' // 生产线 分机账号
-  const extPassword = '946666' // 生产线 分机密码
-  const wsProtocol = 'ws' // 生产线 外呼服务器地址协议
-  const wsRegisterAddress = '192.168.0.92:5066' // 生产线 外呼服务器地址
+  const extensionNumber = '1000' // 本地fs 分机账号
+  const extPassword = '1234' // 本地fs 分机密码
+  const wsProtocol = 'ws' // 本地fs 地址协议
+  const wsRegisterAddress = '192.168.59.197:5066' // 本地fs 外呼服务器地址
   const sipServerHost = `sip:${extensionNumber}@${wsRegisterAddress}` // fs地址
   const wsAddress = `${wsProtocol}://${wsRegisterAddress}` // socket地址
 
@@ -477,54 +218,23 @@ document.addEventListener('DOMContentLoaded', async (event) => {
     logLevel: 'error', // 日志等级，默认error
     // viaHost, // fp.umd.min.js生成的唯一值，用来配查呼叫问题，可以不传,内部会自动生成
     contactName: extensionNumber, // sip协议要求，同分机账号即可，注意类型为string, 不传默认同分机账号
-    /**
-     * clusterMode
-     * sdk默认值：
-     * reClusterRegisterTimeout: 4000 注册超时1s，自动重新注册
-     * reClusterConnectTimeout: 4000 再超时1s, 执行重连并注册
-     * clusterMode: false // 默认false为关闭建群重签检测
-     *
-     * sass ai-sotphone & 组件库 默认值：
-     * reClusterRegisterTimeout: 4000
-     * reClusterConnectTimeout: 4000
-     * clusterMode: true
-     */
-    // clusterMode: true, // 处理集群注册，某个节点注册服务器卡住不返回信令，自动执行重签到另外的节点
-    // reClusterRegisterTimeout: 1000,
-    // reClusterConnectTimeout: 1000,
-    // refreshSpeekVolumn(value) { // 当来电接通时，实时查看坐席说话的音量实际传送到给对方的音量大小
-    //   volumn.innerText = value
-    // },
-    // refreshRequirementCheck(value) { // 权限网络检测
-    //   browserSoftphoneEnv.innerText = JSON.stringify(value, null, 2)
-    // },
-    // refreshChat(info) {
-    //   chatInfo.innerText = JSON.stringify(info, null, 2)
-    // },
-    // refreshChatErrorCallback(e) {
-    //   console.log(e)
-    // },
-    // enableChatInfoPush: true // 开启会话记录实时推送，开启后，当任务外呼时，可以实时获取通话记录信息，实时回调到refreshChat，中途出现任何异常会回调refreshChatErrorCallback
+    clusterMode: true,
+    reClusterRegisterTimeout: 1000,
+    reClusterConnectTimeout: 1000,
+    sessionDescriptionHandlerFactoryOptions: { // 如果fs开启b2b没模式不需要传，开启p2p模式要传
+      iceGatheringTimeout: 2000,
+      peerConnectionConfiguration: {
+        iceServers: [{ urls: "stun:stun.l.google.com:19302" }], // stun:stun.freeswitch.org
+      }
+    },
+    refreshSpeekVolumn(value) { // 当来电接通时，实时查看坐席说话的音量实际传送到给对方的音量大小
+      volumn.innerText = value
+    },
+    refreshRequirementCheck(value) { // 权限网络检测
+      browserSoftphoneEnv.innerText = JSON.stringify(value, null, 2)
+    },
   })
 
-  /**
-   * 获取坐席当前状态信息（注意牵扯到openAPI的信息需要angentId，即方式一。如果通过方式二需要手动使用userAgentManager.requestOpenApi获取，即上述example3
-   */
-  // const angentInfo = await userAgentManager.getAgentInfo()
-  // if (angentInfo.code === 200) { // 正确响应
-  //   info.innerText = `1. ${JSON.stringify(angentInfo.data, null, 2)}`
-  //   if (angentInfo.data.agentStatus === 1) { // 页面按钮的禁用状态
-  //     nap.disabled = false
-  //     online.disabled = true // 可切换在线
-  //   } else {
-  //     nap.disabled = true // 可切换小休
-  //     online.disabled = false
-  //   }
-  // } else {
-  //   alert(angentInfo.message)
-  //   throw new Error(angentInfo)
-  // }
-
   /**
    * 签入
    */
@@ -806,12 +516,15 @@ document.addEventListener('DOMContentLoaded', async (event) => {
    * 呼叫
    */
   const callPhone = async () => {
-    const callInfo = await userAgentManager.callNumber(call.value) // 👈 一键
-    if (callInfo.code === 200) { // 正确响应
-      alert('呼叫成功')
-    } else {
-      alert(callInfo.message)
-    }
+    // const callInfo = await userAgentManager.callNumber() // 👈 一键
+    // if (callInfo.code === 200) { // 正确响应
+    //   alert('呼叫成功')
+    // } else {
+    //   alert(callInfo.message)
+    // }
+    await userAgentManager.invite({
+      extension: call.value
+    })
   }
 
   /**