# 快速集成

本文为您介绍了 Windows - Java/UOS-Java 端集成插件的操作步骤，帮助您快速集成插件并实现视频客服的基本功能。

# 产品概述

新版本插件，合入原 OCX 全量功能。EXE 插件比 IE-OCX 使用更加灵活、易集成，系统的兼容性高，不依赖浏览器的种类，以及拥有更好的扩展性。EXE 程序功能更丰富，提供麦克风可视化选择、摄像头选择、分屏布局切换等。EXE 插件提供更多易用化操作指导，包括信号检测、语音激励、异常状态上报及提示等。
新版本插件支持 Windows 的同时支持国产桌面系统 UOS，在 UOS 上以 jar 包的方式运行。

# 获取多方插件

您可在 Juphoon 的产品官方网站下载到最新版的 Juphoon_Rtc_Room_Plugin_for_Windows&UOS(Java)，下载地址为: https://developer.juphoon.com/rtc/cn/R22C01/00_avideo_plugin/00_download_sdk/Java.html，如下图所示：

Juphoon_Rtc_Room_Plugin_for_Windows(Java) 包里面提供了所有支持开发语言(包含 Java )的 demo 程序的编译程序、开发指南、demo 程序源码和 SDK 文件，其解压之后的目录结构如下所示：

Windows多方插件主要目录：

│ └── Juphoon_Rtc_Room_Plugin_for_Windows(JAVA)_v2301.0.X_CallCenter.tar.gz

│ │└── Plugin

│ │ │ └── JCCRoomPlugin.exe // windows可运行程序

│ │ │ └── releas_notes.md // 更新日志

│ │└── Demo

│ │ │ └── SourceCode.tar.gz //源代码

│ │└── Doc

│ │ │ └── 【视频客服-多方】Juphoon Plugin for Windows&UOS （Java）开发集成指南

UOS多方插件主要目录：

│ └── Juphoon_Rtc_Room_Plugin_for_Linux(JAVA)_v2203.0.X_CallCenter.tar.gz

│ │└── Plugin

│ │ │ └── JCCRoomPlugin.jar //插件jar包

│ │ │ └──launcherRoom.sh // 启动程序

│ │ │ └──models //

│ │ │ └──resource // 资源文件。例：字体文件

│ │ │ └──vlc // 播放器

│ │ │ └──libs //jar包

│ │ │ └──xxxxxxx.so //so库

│ │ │ └── releas_notes.md //更新日志

│ │└── Demo

│ │ │ └── SourceCode.tar.gz //源代码

│ │└── Doc

│ │ │ └── 【视频客服-多方】Juphoon Plugin for Windows&UOS （Java）开发集成指南

# 前提条件

JDK1.8
使用开发工具

任意文本编辑器，推荐 WebStorm。

安装插件

插件说明：EXE/jar 插件使用 WebSocket 连接 Web 页面于插件，能够兼容大部分支持 WebSocket 的现代浏览器。

# 操作步骤

直接使用网页页面或导入 SDK 开发定制界面：

# 第一步：使用网页页面

网页页面在 Juphoon_Rtc_Room_App_for_Windows(Java)/Linux(JAVA) 的 web 文件夹中（可咨询售前工程师），插件安装完成后从浏览器打开当前目录下的 .html 即可使用，默认使用 EXE/jar 版本插件。

web/                            // 页面工作文件夹
/static/                        // 静态文件目录
/WebPlugin/                     // js文件目录
/JRoom.html                     // 页面
/JRoom.js                       //界面对应的js文件
/styles.css											// css样式
/faq.html                       // faq

# 第二步：导入 SDK 开发定制界面，SDK 包含以下文件

WebPlugin/webPlugin.js                    // SDK
WebPlugin/format.js                       // 日志格式化
WebPlugin/polyfill.min.js                 // Promise polyfill库

在 HTML 页面中引入 SDK，引入后会在全局定义 WebPlugin 变量。对插件的接口调用都将通过该插件进行。

需要注意文件的引入顺序。

<script src="webPlugin.js" type="text/javascript"></script> 
<script src="format.js" type="text/javascript"></script>
<script src="WebPlugin/polyfill.min.js" type="text/javascript"></script>