快速集成

Juphoonn 视频客服除了提供 Android SDK 与 iOS SDK 之外，也提供主流的开发平台及工具集成插件、示例。

可灵活适配 Android 、iOS、Windows 终端。只需调用几个接口，几行代码即可拥有视频通话能力。另外还支持对接行内通知管理平台等，业务集成更加灵活。

本文为您介绍了 H5 端集成 Plugin 的操作步骤，帮助您快速集成 Plugin 并实现音视频通话（访客侧）的基本功能。

开发环境要求

开发框架：Vue

导入Plugin

将 JCCGuestPlugin.js 和 JCCGuestPlugin.css 一起导入到工程中，将 JCCGuestPlugin 注入到Vue中。

使用到 JCCGuestPlugin.js 中的其他项，可以在使用的地方导出。

示例代码：

console.log('login user', user);
const userId = user.userName;
const appKey = user.appKey;
const server = user.server;
const ret = JCCCallManager.shared().login({userName:userId, appKey: appKey, server:server});

/**-------------------------- 回调处理 --------------------------------*/

// 登录结果回调
onLogin(result, reason) {
    console.log('onLogin result: ', result, ' reason: ', reason);
}

// 录状态变化通知
onClientStateChanged(state, oldState) {
  console.log('onClientStateChanged state: ', state);
  // 处理被异常登出情况
}