> For the complete documentation index, see [llms.txt](https://polyv.gitbook.io/document/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://polyv.gitbook.io/document/docs/live/js/new-sdk/interactions-receive-sdk/sdk/tuwen.md).

# 图文直播

## 功能概述

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

## 初始化及销毁

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

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

```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);