Skip to content

video_script.md

Latest commit

 

History

History
343 lines (275 loc) · 9.77 KB

video_script.md

File metadata and controls

343 lines (275 loc) · 9.77 KB
Raw

ZX-Code 产品介绍视频脚本

视频风格参考

模仿 Elsland 宣传视频风格：

  • 简约白色背景
  • 深色UI界面展示
  • 双语字幕（英文标题 + 中文翻译）
  • 平滑过渡动画
  • 分屏展示（标题卡 + 实际界面）

开场（0-10秒）

画面1：标题卡

英文：Your AI Coding Companion 中文：你的AI编程伴侣 背景：白色背景，渐显效果

画面2：产品Logo展示

动画：ZX-Code Logo 从中心扩散 音效：轻柔的科技音效

第一幕：AI智能对话（10-30秒）

画面3：标题卡

英文：Talk naturally. Code effortlessly. 中文：自然对话，轻松编码。

画面4：AI对话界面展示

展示内容：

  • 深色主题聊天界面
  • 用户输入："帮我写一个快速排序算法"
  • AI正在思考（Thinking for 3s...）
  • 流式输出代码

关键特性：

  • 支持多种AI模型（deepseek、claude等）
  • 思考级别可调（low/medium/high）
  • 代码高亮显示
  • Markdown渲染

UI元素：

┌─────────────────────────────────────┐
│  ZX-Code Agent    [deepseek-v4]    │
├─────────────────────────────────────┤
│  👤 帮我写一个快速排序算法          │
│                                      │
│  🤖 Thinking for 2s...              │
│     正在分析你的需求...              │
│                                      │
│  ```python                          │
│  def quick_sort(arr):               │
│      if len(arr) <= 1:              │
│          return arr                 │
│      pivot = arr[0]                 │
│      left = [x for x in arr[1:]     │
│              if x < pivot]          │
│      right = [x for x in arr[1:]    │
│               if x >= pivot]        │
│      return quick_sort(left)        │
│             + [pivot]               │
│             + quick_sort(right)     │
│  ```                                │
├─────────────────────────────────────┤
│  [📎] [🎤] 输入消息...    [发送]   │
└─────────────────────────────────────┘

第二幕：内置终端（30-50秒）

画面5：标题卡

英文：Terminal at your fingertips. 中文：终端触手可及。

画面6：终端界面展示

展示内容：

  • 完整的终端模拟器
  • 命令执行过程
  • AI辅助命令提示

演示流程：

$ npm install
⠋ 正在安装依赖...
✓ 完成！共安装了 1234 个包

$ git status
On branch main
Your branch is up to date with 'origin/main'.

nothing to commit, working tree clean

$ npm run build
Building for production...
✓ Build complete in 12.34s

关键特性：

  • xterm.js 驱动
  • 支持 PowerShell/CMD
  • AI命令建议
  • 输出高亮

第三幕：网格布局系统（50-70秒）

画面7：标题卡

英文：Your workspace, your rules. 中文：你的工作区，你做主。

画面8：网格布局演示

展示内容：

  • 可拖拽的面板布局
  • 多种面板类型
  • 自定义排列

面板类型展示：

┌────────────┬────────────┬────────────┐
│  🤖 AI     │  🌐 浏览器  │  ⏰ 时钟   │
│  对话面板  │  预览面板   │  显示面板  │
├────────────┼────────────┼────────────┤
│  💻 终端   │  📝 待办    │  📊 热图   │
│  命令面板  │  任务面板   │  统计面板  │
├────────────┼────────────┼────────────┤
│  🐱 宠物   │  🌤️ 天气   │  🔌 扩展   │
│  互动面板  │  显示面板   │  管理面板  │
└────────────┴────────────┴────────────┘

演示操作：

  1. 拖拽面板到新位置
  2. 调整面板大小
  3. 切换面板显示/隐藏
  4. 保存自定义布局

第四幕：AI虚拟宠物（70-90秒）

画面9：标题卡

英文：A companion that cares. 中文：懂你的编程伙伴。

画面10：虚拟宠物展示

展示内容：

  • Live2D/VRM 3D角色
  • 实时动画
  • 语音交互
  • 字幕显示

宠物互动场景：

用户：你好，今天帮我写个什么代码？
宠物：（动画：挥手）你好呀！今天想写什么？
       我可以帮你写算法、调Bug、优化代码！
       （字幕：你好呀！今天想写什么？）

关键特性：

  • 多种角色选择
  • 情感表达
  • 语音合成
  • 代码讲解

第五幕：智能辅助功能（90-110秒）

画面11：标题卡

英文：Smart features, smarter coding. 中文：智能功能，更聪明的编码。

画面12：功能快速展示

功能1：代码差异对比

标题：See every change clearly. 中文：清晰查看每一处修改。

展示：

- 原始代码（红色删除线）
+ 新代码（绿色高亮）
  上下文代码（灰色）

功能2：权限管理

标题：Stay in control. 中文：一切尽在掌控。

展示：

┌─────────────────────────────────┐
│  🔐 权限请求                    │
├─────────────────────────────────┤
│  ZX-Code 想要执行以下操作：      │
│                                  │
│  📁 访问文件系统                 │
│  🌐 网络请求                     │
│  💻 执行命令                     │
│                                  │
│  [允许] [拒绝] [本次允许]        │
└─────────────────────────────────┘

功能3：扩展市场

标题：Extend your possibilities. 中文：扩展无限可能。

展示：

┌─────────────────────────────────┐
│  🔌 扩展市场                    │
├─────────────────────────────────┤
│  📦 Python Helper    ⭐ 4.8     │
│  📦 Git Assistant    ⭐ 4.7     │
│  📦 Docker Manager   ⭐ 4.6     │
│  📦 SQL Explorer     ⭐ 4.5     │
│                                  │
│  [安装] [更新] [卸载]            │
└─────────────────────────────────┘

第六幕：多模型支持（110-125秒）

画面13：标题卡

英文：Choose your AI, your way. 中文：选择你的AI，随心所欲。

画面14：模型选择器展示

展示内容：

  • 多个AI模型选项
  • 模型信息展示
  • 一键切换

模型列表：

┌─────────────────────────────────┐
│  🤖 选择AI模型                  │
├─────────────────────────────────┤
│  ○ DeepSeek V4 Flash    ⚡快速  │
│  ● Claude 3.5 Sonnet   🧠强大  │
│  ○ GPT-4o               🌐通用  │
│  ○ 本地模型             🔒私密  │
│                                  │
│  [确认选择]                      │
└─────────────────────────────────┘

演示：

  1. 点击模型切换
  2. 对话界面更新
  3. 响应速度对比

第七幕：使用统计（125-140秒）

画面15：标题卡

英文：Track your progress. 中文：追踪你的成长。

画面16：热力图展示

展示内容：

  • GitHub风格热力图
  • 代码编写统计
  • 时间分布

热力图：

      一  二  三  四  五  六  日
  ┌───┬───┬───┬───┬───┬───┬───┐
1 │ ░░│ ░░│ ▒▒│ ▒▒│ ▓▓│ ░░│ ░░│
2 │ ░░│ ▒▒│ ▓▓│ ▓▓│ ███│ ▒▒│ ░░│
3 │ ▒▒│ ▓▓│ ███│ ███│ ███│ ▓▓│ ▒▒│
4 │ ▓▓│ ███│ ███│ ███│ ███│ ███│ ▓▓│
  └───┴───┴───┴───┴───┴───┴───┘
  
  本月编码时长：128.5 小时
  代码行数：15,234 行
  AI对话次数：342 次

结尾（140-150秒）

画面17：产品截图轮播

快速展示：

  • 主界面全貌
  • 各功能面板
  • 暗色/亮色主题

画面18：结束卡片

英文：ZX-Code - Code Smarter, Not Harder. 中文：ZX-Code - 更聪明地编码。

信息：

  • 下载链接
  • GitHub仓库
  • 社区二维码

动画：淡出 + Logo定格

技术规格

视频参数

  • 分辨率：1920x1080（1080p）
  • 帧率：60 FPS
  • 时长：约2分30秒
  • 格式：MP4 (H.264)

音频

  • 背景音乐：轻快的电子音乐
  • 音效：界面交互音效
  • 旁白：可选（中/英文）

字幕样式

  • 字体：思源黑体 / SF Pro
  • 大小：标题 72px，副标题 48px
  • 颜色：#000000（黑色）
  • 位置：画面中央

制作工具建议

  1. 录屏：OBS Studio / ScreenFlow
  2. 剪辑：DaVinci Resolve / Adobe Premiere
  3. 动画：After Effects / Motion
  4. 字幕：剪映 / Final Cut Pro
  5. 音乐：Epidemic Sound / Artlist