`

#### 4. 初始化挂载容器

使用初始化的实例调用 render 方法

`typescript
instance.render('#containerId');
`

$3

`typescript
// 引入SDK
import WebRTCSdk from 'rokid-web-rtc-sdk'

/**
* 调用静态方法 addMessageListener
* @param messageCallback 能拿到SDK内部通知外部的所有消息，你需要根据不同的消息，处理相应的业务
* @description messageCallback(event)
* 解构 event: { data: { type, ...params } }
* @param type 消息类型
* @param params 其余参数
*/
WebRTCSdk.addMessageListener(messageCallback)

/**
* 组件卸载时需要移除监听器
*/
WebRTCSdk.removeMessageListener(messageCallback)
`

初始化时，您会收到以下的消息类型:
| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| initRtcStatus | RTC初始化，instance.render之后会收到该消息,如果登录用户没有RTC会返回status: false | status RTC初始化状态，true成功，false失败
message 返回消息 |

到这里，就完成了SDK的接入。

三、发起协作

$3

- 使用实例的launch可以吊起内置发起协作弹窗

`typescript
/**
* 开始远程协作(使用SDK内置界面)
* @name launch
* @param userIdList 选中的用户ID列表
* @param meetingId 会议对应的ID
* @param meetingName 会议名称
*/
function launch(
userIdList: string[],
meetingId: string,
meetingName: string,
):void
`

$3

- 发起协作弹窗由自己实现
- 使用实例的start可以直接发起会议

`typescript
/**
* 开始协作(使用自定义配置界面)
* @name start
* @param {ConfigTypes} configs 会议设置
* @param {OptionsTypes} options 功能配置
* @param userIdList 被邀请的用户ID列表
*/
function start(
userIdList: string[],
configs: ConfigTypes,
options: OptionsTypes
):void


`

$3

`typescript
/**
* 加入远程协作
* @name join
* @param meetingId 加入会议对应的ID
* @param meetingName 会议名称
* @param {OptionsTypes} options 功会议能配置
*/
function join(
meetingId: string,
meetingName: string,
options?: OptionsTypes,
):void
`

成功加入协作后，您会收到以下消息类型:
| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| entryCooperationResult | launch,start,join成功后都会收到该消息类型 | status: boolean true 成功; false 失败
message: 返回消息
notLicense：没有权限的用户
hasLicense:有权限的用户 |

当没有处于会议中并且上次的会议没结束，您会收到以下消息类型:
| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| lastMeetingCallback | 可用于自定义重新加入会议的弹窗 | status: boolean 是否存在可以加入的会议 true-存在，false-不存在/最近可加入的会议已结束
meetingId: string 会议ID
meetingName: 会议名称 |

$3

`typescript
/**
* 参数类型
*/

/* @name 会议配置 /
interface ConfigTypes {

/* @name 会议名称 /
meetingName: string;

/* @name 分辨率 /
constraints: "360P" | "720P" | "1080P";

/* @name 是否开启云录制 /
isRecord: boolean;
}

/* @name 功能配置 /
interface OptionsTypes {

/* @name 是否打开麦克风 /
isAudio: boolean;

/* @name 是否开启摄像头 /
isVideo: boolean;

/* @name 是否开启扬声器 /
isSpeaker: boolean;
}
`

四、会议邀请用户加入协作

- 会议中邀请用户加入协作需要您自己实现

`typescript
/**
* 会议中邀请其他用户
* @name invite
* @param meetingId 会议ID
* @param userIdList 邀请的用户ID数组
*/
function invite(meetingId: string, userIdList: string[]):void
`

关于会议中邀请用户的消息类型
| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| inviteCallback | 会议中点击邀请成员会发出该消息 | inMeetingUserList: 会议中的成员
meetingId: 会议ID
meetingName: 会议名称 |
| inviteResult | 执行invite之后收到的邀请结果 | status: boolean 邀请是否成功
notLicense: string[] 没有RTC权限的用户
hasLicense: string[] 有权限的用户
message: string 提示消息(邀请人数超过16人，邀请用户没有权限会返回失败的消息) |

五、接受、拒绝、关闭、离开协作

- 当有用户向您发起协作时，您会收到以下消息类型:

| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| acceptCooperation | 其他用户一旦邀请您一起协作，会收到该消息类型 | - |

- 拒绝、关闭、离开协作之后，您会收到

| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| closeCooperation | 拒绝、关闭、离开协作之后，会收到该消息类型 | reloadPage: boolean true 根据自己需求是否重新加载一次页面 (SDK内部会自己刷新一次) |

六、其他功能

- 其他方法

`typescript
/**
* 主动退出登录，适用于主动退出和被挤下线时调用
**/
function logout()

/**
* 释放资源
**/
function destroy()
`

- 其他消息类型

| 消息类型 | 描述 | 消息携带参数 |
| :----| :---- | :---- |
| onLogout | 被动退出登录例如你的账号在其他地方登录 | - |
| onTokenInvalid` | SDK内部Token失效 | - |