# Chat Flow: 聊天对话动画

一段聊天对话展开：消息被输入并发送，对方显示正在输入的圆点，回复到达，表情回应弹出。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/chat-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-flow.mp4?v=7cfbb558c8

手机宽度的聊天界面中，发出的消息输入到输入框并发送，正在输入的圆点变成回复，表情回应随之弹出。

- 框架: Remotion
- 类别: 社交与聊天
- 时长: 12 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/chat-flow

一个带联系人标题栏、消息列表和输入框的手机宽度聊天界面出现。第一条消息询问对方是否准备好演示，它被输入到输入框中，发送后升入消息列表。收到的气泡中出现正在输入的圆点，随后变成回复"Yep, pushing it live now"，并弹出一个 🔥 回应。第二条消息"Perfect, sending the link over"被输入、发送，并收到一个 👍。动画时长约 12 秒。

您可以调整播放速度和场景周围的背景，并在代码中编辑消息、联系人和颜色。适用于在广告中讲一个小故事、展示消息功能、为讲解视频加入聊天片段或制作引起共鸣的社交短片。

## 适用场景

- 故事型广告
- 消息功能演示
- 讲解视频中的聊天片段
- 引起共鸣的社交短片

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Chat Flow 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Chat Flow 制作: https://remocn.dev