# Chat Js Sdk

### 概述

该SDK是用于web端接入POLYV直播服务，包括云课堂和直播助手发起的直播的web端观看，POLYV聊天室服务，兼容PC以及移动端观看。

### DEMO地址

· [demo](https://git.polyv.net/help-center/document-center/-/blob/master/third_res/jssdk-demo.zip)

### 示列代码

· [聊天室](https://git.polyv.net/help-center/document-center/-/blob/master/web-sdk-demo/index.html#chatroom-main)

### 快速开始

#### 第一步：引入聊天室css和js

```javascript
<link rel="stylesheet" href="https://player.polyv.net/jssdk/polyv-chatroom.min.css">
<script src="https://player.polyv.net/jssdk/polyv-chatroom.min.js"></script>
```

#### 第二步：创建初始化聊天室html元素

```html
<div id="wrap"></div>
```

#### 第三步：请求token

需要先请求以下接口获取token和mediaChannelKey，传给js-sdk

[/live/api/channel/operate/get\_chat\_token](https://git.polyv.net/help-center/document-center/-/blob/master/live/api/channel/operate/get_chat_token/README.md)

#### 第四步：创建SDK实例

```javascript
var chatroom = new PolyvChatRoom({
    roomId: '268682',
    userId: '153075602311',
    nick: '游客',
    pic: 'http://livestatic.videocc.net/assets/wimages/missing_face.png',
    token: token,// 请求token返回
    mediaChannelKey: mediaChannelKey,// 请求token返回
    version: '2.0',
    container: '#wrap',
    width: 300,
    height: 600,
    userType: '',
    roomMessage: function(data) {
        // TODO
        // data为聊天室socket消息，当有聊天室消息时会触发此方法
        console.log(data);
    }
});
```
