快速集成

本文为您介绍了 Web/H5 端集成 SDK 的操作步骤，帮助您快速集成 SDK 并实现视频客服（访客端）的基本功能。

概览

如果你是第一次使用菊风视频能力平台的服务，我们推荐观看下面的视频，了解关于菊风服务的基本信息以及如何快速集成示例项目。

操作步骤

步骤一：获取Juphoon_Rtc_SDK_for_H5

您可在 Juphoon 的产品官方网站下载到最新版的 Juphoon RTC SDK，

访问下载地址 (opens new window)，示例如下：

注：首次访问，请先注册后登录。

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

步骤二：导入SDK

1. 拷贝SDK文件夹内的JRTCSDK-H5.js到您的工程目录中。如下图所求。

2. 导入SDK，可在工程目录中的 html 中配置

步骤三：导入工程需要使用到的相关模块

const {
    JRTCClient,
    JRTCClientInitParam,
    JRTCClientLoginParam,
    JRTCClientCallback,
    ClientState,
    JRTCMediaDevice,
    RenderType,
    JRTCMediaDeviceVideoCanvas,
    JRTCRoom,
    JRTCRoomInitParam,
    JRTCRoomJoinParam,
    StompSocketAuthType,
    RoomState,
    JRTCRoomParticipant,
    RemoteRecordState,
    JRTCVersion,
    JRTCGuest,
    JRTCCallCenterCallParam,
    JRTCCallCenterInitParam,
    GuestCallStateChangeType,
    JRTCTracking,
    CallState,
    StorageManager
} = JRTCSDK;

步骤四：编译运行

以上步骤进行完后，编译工程，如果没有报错，恭喜您，您已经成功配置 SDK 。