# 实时转录翻译 (/zh-CN/reference/demo/speech-to-text)

> For AI agents: see the complete documentation index at [llms.txt](/llms.txt).

实时转录翻译 Demo，主要结合以下基础能力：

- 实时互动 RTC
- 实时消息产品 RTM
- 实时转录翻译 STT

展示以下功能：

- 实时字幕
- 实时翻译
- 字幕云存储
- 回放字幕
- 实时音视频互通

## Demo 信息 [#demo-信息]

- 平台：Web
- 产品：实时转录翻译、实时互动 RTC
- 发布时间：2024-05-01
- 版本：1.0.0
- 标签：视频会议、实时语音转文字、实时翻译

![实时转录翻译 Web Demo 界面](https://web-cdn.agora.io/docs-portal/img/demo/speech-to-text-web.jpg)

<Cards>
  <Card title="Demo 源码" href="https://github.com/AgoraIO-Community/Agora-RTT-Demo/tree/main/web" />
</Cards>

### 使用指南 [#使用指南]

#### 环境准备 [#环境准备]

1. 请参考 [开通服务](/zh-CN/realtime-media/rtc/build/setup-and-access/enable-service?platform=web) 以了解如何获取 App ID 和 App 证书（必须启用证书）。
2. 在控制台开通 RTM 服务。
3. 联系技术支持以激活实时转录翻译服务权限。点击 [联系技术支持](https://ticket.shengwang.cn/)。

找到 `.env` 文件并根据指引填入参数。

#### 安装依赖 [#安装依赖]

在项目路径运行以下命令以安装依赖项。

```bash
npm install
```

#### 开发 [#开发]

运行以下命令启动开发环境。

```bash
npm run dev
```

#### 编译 [#编译]

运行以下命令以编译示例项目。

```bash
npm run build
```

开发者：上海声网科技有限公司