1.19.0 • Published 2 years ago
web-vtm-sdk v1.19.0
开始
快速上手
时代 VTM 视频提供了 Web 客户端 SDK,既包括音视频聊天界面的样式,也包含相应的业务逻辑。企业开发者可以方便的将视频客服功能集成到自己的系统中。
安装 web-vtm-sdk 之后,让我们来初始化创建一个实例,创建过程直截了当——仅需要提供一个在时代 VTM 后台管理系统注册好的租户 appKey 以及客服的用户名/手机号即可:
//快速实例化sdk函数
import TimesVtm from 'web-vtm-sdk'
// 创建 vtm 实例
const vtm = new TimesVtm({
//租户账号
account: 'xxx',
//授权租户appkey (后续可前往vtm后管系统管理员索取)
//vtm后管系统地址:https://times-vtm-uat.linli580.cn:1834
appKey: 'xxx',
//以下该参数可不传
mqtt: {
// pingTimeout 未收到消息多少秒之后发送ping请求,默认15000毫秒
// pongTimeout 发送ping之后,未收到消息超时时间,默认10000毫秒
// reconnectTimeout onreconnect之后2秒, 进行init
// 心跳推送消息 pingMsg
// 异常之后轮训20次
pingTimeout: 15000,
pongTimeout: 10000,
reconnectTimeout: 2000,
pingMsg: 'heartbeat',
repeatLimit: 20,
},
})
实例化后,如果 appKey 和用户名/手机号正确,则会在右下角生成一个小图标入口,用户可点击最大化进行交互,不用时可以点击缩小还原成小图标。
参考调用项目
- vue3.x 版本的项目参考模板
- 具体路径为:/web-vtm-sdk/blob/master/demo/src/App.vue
生命周期 web-vtm-sdk 之后,让我们来初始化创建一个实例,并参考 vue3 最新的生命周期进行封装了,一系列的详细挂载回调生命周期的方法
sdk 官方在线文档预览地址
1.19.0
2 years ago
1.18.1
2 years ago
1.18.0
2 years ago
1.17.2
2 years ago
1.16.4
2 years ago
1.16.2
2 years ago
1.16.1
2 years ago
1.16.0
2 years ago
1.15.9
2 years ago
1.15.8
2 years ago
1.15.7
2 years ago
1.15.6
2 years ago
1.15.5
2 years ago
1.15.3
2 years ago
1.15.2
2 years ago
1.13.1
2 years ago
1.13.0
2 years ago
1.10.0
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago