电话条对接-易用版

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

一、场景说明

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

1.1 易用版样式示例

二、集成说明

2.1 文件引入(二选一)

版本号模式(海外npm,国内使用可考虑将js拉取到本地)
<script src="https://cdn.jsdelivr.net/npm/ue-softphone-sdk-vue@0.0.19/ue-load.min.js"></script>
固定连接模式(国内使用,会固定拉去线上最新的简易版电话条)

2.2 电话条初始化

如下方代码块所示,填入您的信息即可完成初始化
window.ueSimpleSoftphone.init({ accountName: '6000@uecsaaa', password: '123456ABab', loginType: 'WEBRTC' })
字段名含义示例备注
accountName账户名如:uecsaaa@ykf
password密码如:123456ABab
loginType登陆方式。PSTN / SIP / WEBRTCWEBRTCPSTN -手机/ SIP-话机 / WEBRTC-浏览器外呼

2.3 建立监听(根据场景选择)

//外部事件接收 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-03-26