freedak
f7a720204a
- 移除 GovAI, nomifun-tauri, 算力盒子 的 submodule 引用 - 添加所有子项目的完整源代码 - 保留原始 .git 为 .git.bak 备份
142 lines
5.1 KiB
Markdown
142 lines
5.1 KiB
Markdown
# 法智通宣传片 · 时间轴设计（TIMELINE.md）
|
||
|
||
总时长：72s（无配音时可调整为 60s 紧凑版）
|
||
帧率：30fps
|
||
分辨率：1920×1080
|
||
|
||
---
|
||
|
||
## 全局时间轴（7 个主场景 Composition）
|
||
|
||
| Scene | 时间段 | 时长 | 主视觉 | 关键动效 |
|
||
|-------|------------|------|--------------------------------|----------------------------|
|
||
| S1 | 0:00–0:08 | 8s | 法治日报背书 + logo | 金线擦出 + 文字逐行入场 |
|
||
| S2 | 0:08–0:22 | 14s | 架构图 + 安全关键词 | 高亮弹出 + 审计日志叠加 |
|
||
| S3 | 0:22–0:34 | 12s | AI 应用中心网格 | 推进入场 + 卡片网格铺开 |
|
||
| S4 | 0:34–0:44 | 10s | 知识库文档流入 | 图标流动 + 向量化动效 |
|
||
| S5 | 0:44–0:54 | 10s | PPT 生成流程 | 卡片翻出 + 数字 count-up |
|
||
| S6 | 0:54–1:04 | 10s | 算力机 + 管理后台三联画 | 箱体图标 + 三屏并排渐显 |
|
||
| S7 | 1:04–1:12 | 8s | 标语 + 网址 + 出品方 | 回归深蓝底 + 金线收束 |
|
||
|
||
---
|
||
|
||
## 各帧内部 Track 层级约定（统一）
|
||
|
||
```
|
||
track 0: 背景（渐变/纯色，全程）
|
||
track 1: 主视觉元素（截图/架构图/图标）
|
||
track 2: 文字标题
|
||
track 3: 文字副标题/注释
|
||
track 4: 装饰线条/网格/高亮框
|
||
track 5: 字幕条（底部安全区，与配音同步时启用）
|
||
```
|
||
|
||
---
|
||
|
||
## S1 开场（compositions/s1-intro.html）
|
||
|
||
**时长**: 8s (0–8)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝渐变背景 `#0A1A33 → #10243F`，全程
|
||
- Track 1: 金线自中心向两侧擦出（`scaleX 0→1`，0.5–2s）
|
||
- Track 2: 「法治日报社 出品」（2–4s，y: 24→0, opacity 0→1）
|
||
- Track 3: 「四十余年深耕政法领域」（4–6s，同上）
|
||
- Track 1: logo SVG/图片「法智通 · 政法行业人工智能应用平台」（6–8s，放大入场）
|
||
|
||
---
|
||
|
||
## S2 安全第一（compositions/s2-security.html）
|
||
|
||
**时长**: 14s (0–14)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝底
|
||
- Track 1: `architecture.png` 居中浮现（0–14s，opacity 0→0.4，模糊背景）
|
||
- Track 1: 金线勾勒"边缘算力机"区域（2–4s）
|
||
- Track 2: 关键词依次弹出（4–10s）：
|
||
- 「数据不出域」（警示红 `#C0392B`，4–6s）
|
||
- 「算力在身边」（金色，6–8s）
|
||
- 「内外网物理隔离」（金色，8–10s）
|
||
- Track 1: 右下角叠加 `11_audit.png` 小窗（10–12s）+ `00_login.png`（12–14s）
|
||
|
||
---
|
||
|
||
## S3 应用即插即用（compositions/s3-apps.html）
|
||
|
||
**时长**: 12s (0–12)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝底
|
||
- Track 1: `01_store.png` 主视觉，向左推进入场（x: 200→0，0–2s）
|
||
- Track 2: 标题「数十款政法专用应用」（2–4s）
|
||
- Track 1: 应用卡片网格（模拟 6 张卡片，金色徽章）铺开（4–8s，stagger 0.1s）
|
||
- Track 1: `09_chat.png` / `04_create.png` 快闪切换（8–10s / 10–12s）
|
||
|
||
---
|
||
|
||
## S4 自建知识库（compositions/s4-knowledge.html）
|
||
|
||
**时长**: 10s (0–10)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝底
|
||
- Track 1: `05_knowledge.png` 界面作为背景（opacity 0.3，全程）
|
||
- Track 1: 文档图标（PDF/Word/Excel）从左流入"知识库"容器（2–6s，stagger）
|
||
- Track 4: 分块 → 向量化 → 检索命中 的流程示意（简化图标动画，6–8s）
|
||
- Track 2: 标语「让 AI 通晓"本地法"」（8–10s）
|
||
|
||
---
|
||
|
||
## S5 一键生成汇报（compositions/s5-ppt.html）
|
||
|
||
**时长**: 10s (0–10)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝底
|
||
- Track 1: 输入框 → 生成按钮点击 → PPTX 卡片逐页翻出（0–6s）
|
||
- Track 2: 标注「16:9 / 4:3 · 原生可编辑 · 全程本地」（6–8s）
|
||
- Track 1: 时间对比数字 count-up「7 天 → 5 分钟」（8–10s，大字号金色）
|
||
|
||
---
|
||
|
||
## S6 独立部署 + 治理（compositions/s6-deploy.html）
|
||
|
||
**时长**: 10s (0–10)
|
||
**Track 布局**:
|
||
- Track 0: 深蓝底
|
||
- Track 1: 边缘算力机箱体图标 + 标注「到场即通电」（0–4s）
|
||
- Track 1: 三联画并排渐显（4–10s）：
|
||
- 左：`08_overview.png`（平台总览）
|
||
- 中：`02_dashboard.png`（仪表盘）
|
||
- 右：`03_analytics.png`（用量分析）
|
||
- Track 2: 关键词「开箱即用 · 本部门专属 · 治理闭环」（8–10s）
|
||
|
||
---
|
||
|
||
## S7 收尾（compositions/s7-outro.html）
|
||
|
||
**时长**: 8s (0–8)
|
||
**Track 布局**:
|
||
- Track 0: 回到深蓝底 + 金线（0–2s，与 S1 呼应）
|
||
- Track 2: 主标语「安全 · 专属 · 易用」（2–4s，大字号）
|
||
- Track 2: 网址「gov.opc8ai.com」（4–6s，金色高亮）
|
||
- Track 3: 落版「法治日报社 出品」（6–8s）
|
||
|
||
---
|
||
|
||
## 全局 CSS 变量（写入每个 composition 的 `<style>`）
|
||
|
||
```css
|
||
:root {
|
||
--bg-deep: #0A1A33;
|
||
--bg-panel: #10243F;
|
||
--brand-blue: #1E5BC6;
|
||
--gold: #D4A437;
|
||
--seal-red: #C0392B;
|
||
--text-hi: #F2F6FC;
|
||
--text-lo: #9DB2CE;
|
||
--line: #2A436B;
|
||
}
|
||
```
|
||
|
||
---
|
||
|
||
## 字幕占位（待配音时激活）
|
||
|
||
每个 composition 预留 `track 5` 的字幕 `<div>`，初始 `display: none`，配音就位后再启用。 |