电话条对接-易用版

当前电话条共有两个版本，易用版&高级版，易用版我们提供已集成好的界面和能力，您引入代码初始化后即可使用，但是灵活性较差。高级版方法都为原子化方法，需要您这边具体一定的开发能力以及留有较多的开发时间。如您为初次使用，建议先集成测试易用版看是否能满足您的需求。

使用电话条对接，可以将云客服的电话条功能外呼、挂断、转接咨询等能力集成到您自己的业务系统中，在您自己的业务系统使用此功能。注意：WEBRTC登陆方式请尽可能使用Chrome浏览器并使用HTTPS协议。

版本号模式（海外npm，国内使用可考虑将js拉取到本地）

https://cdn.jsdelivr.net/npm/ue-softphone-sdk-vue@0.0.21/ue-load.min.js

npm模式

npm i ue-softphone-sdk-vue

如下方代码块所示，填入您的信息即可完成初始化

window.ueSimpleSoftphone.init({

      accountName: '6000@uecsaaa',

      password: '123456ABab',

      loginType: 'WEBRTC'

    })

字段名	含义	示例	备注
accountName	账户名	如：uecsaaa@ykf
password	密码	如：123456ABab
loginType	登陆方式。PSTN / SIP / WEBRTC	WEBRTC	PSTN -手机/ SIP-话机 / WEBRTC-浏览器外呼

//外部事件接收
listenCallEvent: function (event) {
  console.log('易用的--外部事件接收：', event)
},
// 监听呼叫队列socket
listenCallQueueEvent: function (event) {
  console.log('易用的--监听呼叫队列', event)
},
// 网络检测事件
listenCallNetork: function (event) {
  console.log('易用的--网络检测事件', event)

初始化传参数 都是非必传参数
phoneMoveMsg:{   //电话条盒子是否可以移动
                  isDraggable: false, //false不可移动，true可移动
                  position: { top: 250, left: 90 } // 移动位置top,left,bottom,right
                },
                quickBarMoveMsg:{ //呼叫队列盒子是否可以移动
                  isDraggable: false,
                  position: { top: 157, left: 490 }
                },
                networkMoveMsg:{ // 网络盒子是否可以移动
                  isDraggable: true,
                  position: { top: 157, left: 620 }
                },
                nlsMoveMsg:{ // 实时转译盒子是否可以移动
                  isDraggable: false,
                  position: { top: 157, left: 680 }
                },

2025-04-25

电话条对接-易用版

一、场景说明

1.1 易用版样式示例

二、集成说明

2.1 文件引入（二选一）

2.2 电话条初始化

2.3 建立监听（根据场景选择）

本页目录