# 图文直播

## 功能概述

本模块主要用于接收后台的图文消息新增、编辑、删除和置顶等操作。

## 初始化及销毁

在实例化该模块并进行使用之前，需要对SDK进行初始化配置，详细见[参考文档](https://git.polyv.net/help-center/document-center/-/blob/master/live/js/new_sdk/interactions_receive_sdk/sdk/overview/README.md#%E5%88%9D%E5%A7%8B%E5%8C%96)。

#### 在线文件引入方式

```html
// script 标签引入，根据版本号引入JS版本。
<script src="https://websdk.videocc.net/interactions-receive-sdk/0.24.0/lib/polyv-ir.umd.js"></script>

<script>
    const { Tuwen } = window.PolyvIRSDK;
</script>
```

#### import 方式引入（推荐）

```javascript
import { Tuwen } from '@polyv/interactions-receive-sdk';
const tuwenSdk = new Tuwen();
```

## 使用流程

### 监听新增一条图文消息

tuwenSdk.on(tuwenSdk.events.CREATE, (msg)) => { console.log('插入新消息' msg.data); })

### 监听更新某个图文消息

tuwenSdk.on(tuwenSdk.events.UPDATE, (msg)) => { console.log('更新消息' msg.data); })

### 监听编辑置顶某个图文消息

tuwenSdk.on(tuwenSdk.events.EDIT\_STICKY, (msg)) => { console.log('编辑置顶消息' msg.data); })

### 监听删除某个图文消息

tuwenSdk.on(tuwenSdk.events.DELETE, (msg)) => { console.log('删除消息' msg.data); })

### 监听设置用户信息

tuwenSdk.on(tuwenSdk.events.SET\_USER\_INFO, (msg)) => { console.log('设置用户信息' msg.data); })

### 获取图文消息列表

// 数据起始ID, startId为空则表示初始化数据,默认请求前十条数据 tuwenSdk.getTuwenInfo(startId);