VOA 完整课程设计规划

版本：v1.0 | 日期：2026-06-18

>

当前状态：只用了 VOA 的 Conversation 部分（脚本 + 音频）。 本规划讨论是否/如何纳入 VOA 每个 Lesson 的完整资源。

---

一、VOA 单课完整资源清单

VOA Let's Learn English 每节课的页面实际包含以下模块（以 Lesson 7 为例）：

各模块详解

#### 1. Video（主视频）

VOA 请专业演员拍摄的 5 分钟情景剧，有场景、道具、肢体语言、字幕。

教学价值：

• 视觉语境：看到说话场景（办公室、厨房、街头），理解语言使用场合
• 肢体语言 + 表情：非语言信息帮助理解语气和情绪
• 字幕辅助：听力 + 阅读双重输入
• 文化沉浸：真实美式生活场景

#### 2. Speaking Practice（口语练习视频）

单独一段视频，主持人逐句带读对话，留空给学习者跟读。

教学价值：

• 影子跟读（Shadowing）：跟着标准发音逐句模仿
• 语调节奏训练：不是读单词，是模仿整句的语调起伏
• 开口信心：有"一起读"的陪伴感

#### 3. Pronunciation（发音讲解视频）

主持人讲解本课一个发音要点（如重音、连读、元音对比）。

教学价值：

• 针对性纠音：每课聚焦一个发音问题
• 视觉示范：口型、舌位可见
• 最小对立训练：如 ship vs sheep

#### 4. Listening Quiz（听力测验）

网页版互动选择题，听完音频后选择正确答案。

教学价值：

• 听力理解验证：不只"听到了"，还要"听懂了"
• 即时反馈：选对选错立刻知道
• 应试训练：类似标准化考试听力题

#### 5. Download Lesson（PDF 讲义）

每课配套的可打印讲义，包含对话文本、词汇表、语法笔记、练习题。

教学价值：

• 离线学习：不依赖屏幕也能复习
• 结构化笔记：VOA 官方的知识点整理
• 书面练习：填空、配对等笔头任务

---

二、当前策略 vs 完整策略对比

我们现在的做法（只有 Conversation）

用户打开一课
  └─ 看对话文本（sentences + cnText）
  └─ 逐句听 MP3
  └─ 看 knowledgePoints（自建的词汇/语法点）
  └─ 看 grammar（自建的语法讲解）
  └─ 做 quiz（自建的客观题）
  └─ AI 精讲 / 对话陪练 / SRS 复习

优点：快，数据量小，已跑通。
缺点：只有"阅读 + 听力"，缺少"看视频 + 开口 + 纠音"。

完整策略（所有模块）

用户打开一课，5 个学习环节：

❶ WATCH（看视频）
  └─ 看 VOA 原版视频（~5min），带字幕，先建立场景认知

❷ LISTEN & READ（听读对话）
  └─ 逐句 LRC 同步听，看中英对照文本 [当前已有]
  └─ AI 精讲点击查词/语法

❸ SPEAK（开口跟读）
  └─ Speaking Practice 视频（~4min），逐句跟读模仿
  └─ 或自建跟读模式：播放一句 → 用户录音 → 对比原音

❹ PRONOUNCE（发音练习）
  └─ Pronunciation 视频（~1.5min），学一个发音技巧
  └─ 针对性发音小练习

❺ TEST（测验巩固）
  └─ Listening Quiz（VOA 原版听力题）
  └─ 自建 Quiz（词汇 + 语法客观题）[当前已有]
  └─ SRS 自动生成生词卡 [当前已有]

---

三、分阶段实施规划

Phase 1：MVP（当前）— 已完成 ✅

Phase 2：视频 + PDF 补全（推荐下一步）

为什么先做这两个：

• Video 是最核心的缺失环节——给用户场景感和视觉语境
• PDF 让用户有离线复习材料
• 都是"引入外部资源"，不需要自己生产内容

Phase 3：口语 + 发音补全

为什么后做：

• 需要一定的交互开发（录音、对比、打分）
• VOA 有现成视频先顶着，自建跟读是增强而非必需品

Phase 4：听力测验整合

---

四、数据结构设计

当前 lesson JSON 结构（group1.js 中）

{
  id: 'rl-b1-001',
  title: "Hello, I'm Anna!",
  audioSrc: '...',
  lrcSrc: '...',
  sentences: [...],    // 对话文本 + 中文翻译
  knowledgePoints: [...],
  grammar: {...},
  quiz: [...],
}

建议扩展后的结构

{
  id: 'rl-b1-001',
  title: "Hello, I'm Anna!",
  subtitle: '你好，我是安娜！',
  estimatedMinutes: 15,  // 从 6 分钟升级，因为加了视频和练习

  // ── 音频资源（已有）──
  audioSrc: '/static/data/book1/mp3/rl-b1-001-hello.mp3',
  lrcSrc: '/static/data/book1/lrc/rl-b1-001-hello.lrc',

  // ── 视频资源（新增）──
  video: {
    src: '/static/data/book1/video/rl-b1-001-hello.mp4',  // 自托管
    // 或
    youtubeId: '...',     // YouTube ID（iframe 嵌入，省带宽）
    poster: '...',        // 视频封面图
    duration: 300,        // 秒
    subtitles: true,      // VOA 视频自带字幕
  },

  // ── 口语练习（新增）──
  speakingPractice: {
    videoSrc: '/static/data/book1/speaking/rl-b1-001.mp4',
    // 或 youtubeId
    instructions: 'Watch the video and repeat each sentence aloud.',
    targetSentences: [0, 2, 5, 8],  // 重点跟读的句子索引（对应 sentences 数组）
  },

  // ── 发音要点（新增）──
  pronunciation: {
    videoSrc: '/static/data/book1/pronunciation/rl-b1-001.mp4',
    // 或 youtubeId
    focusPoint: 'Rising intonation in Yes/No questions',
    focusDescription: '英语 Yes/No 问句用升调，Wh- 问句用降调',
    practiceWords: ['apartment', 'roommate', 'welcome'],
    practicePairs: [
      { a: "She is your friend?", b: "Who is your friend?" },
    ],
  },

  // ── 听力测验（新增，直接复用 VOA 原题）──
  listeningQuiz: [
    {
      question: "What is Anna's roommate's name?",
      audioSrc: '...',          // 题目音频片段
      options: ['Marsha', 'Caty', 'Anne', 'Amelia'],
      answer: 0,
    },
  ],

  // ── PDF 讲义（新增）──
  lessonPdf: '/static/data/book1/pdf/lesson-7.pdf',

  // ── 以下不变（已有）──
  sentences: [...],
  translation: '...',
  knowledgePoints: [...],
  grammar: {...},
  quiz: [...],         // 自建客观题（不同于 listeningQuiz）

  // ── 元数据（新增 VOA 官方链接）──
  voa: {
    lessonPage: 'https://learningenglish.voanews.com/a/...',
    videoPage: 'https://learningenglish.voanews.com/a/...',
    speakingPracticePage: 'https://learningenglish.voanews.com/a/...',
    pronunciationPage: 'https://learningenglish.voanews.com/a/...',
    pdfUrl: 'https://learningenglish.voanews.com/a/...',
  },
}

---

五、前端 UI 设计建议

学习流程（新）

┌─────────────────────────────────────────┐
│  Lesson 7: What Are You Doing?          │
│  ─────────────────────────────────────  │
│                                         │
│  📺 Watch          [▶ 5:00 视频播放器]  │  ← 新增
│                                         │
│  ── Tabs ──────────────────────────────│
│  [对话] [口语] [发音] [测验] [笔记]      │  ← 新增 Speaking/Pronunciation
│  ────────────────────────────────────── │
│                                         │
│  📖 Conversation                        │
│  ┌─────────────────────────────────────┐│
│  │ [00:00] Caty: Come in.      凯蒂：请进 ││  ← 已有
│  │ [00:02] Anna: Thank you.    安娜：谢谢 ││
│  └─────────────────────────────────────┘│
│                                         │
│  ── AI 助手 ──────────────────────────│
│  [精讲] [出题] [陪练]                    │  ← 已有
└─────────────────────────────────────────┘

Tab 说明

---

六、内容抓取与自动化

6.1 当前管道

voaUrl → voa-fetch.js → MP3 + transcript JSON → LRC + group1.js

6.2 扩展后的管道（建议）

voaUrl → voa-fetch-v2.js
  ├─ 抓取 Conversation 音频 → MP3 [已有]
  ├─ 抓取对话脚本 → transcript JSON [已有]
  ├─ 抓取 Video → 下载 mp4 或记录 youtubeId [新增]
  ├─ 抓取 Speaking Practice 视频 [新增]
  ├─ 抓取 Pronunciation 视频 [新增]
  ├─ 抓取 Listening Quiz → JSON [新增]
  └─ 抓取 PDF 下载链接 [新增]
       ↓
  voa-build-from-plan.js → 统一产出所有资源
       ↓
  人工补充：cnText、knowledgePoints、grammar

6.3 视频托管方案

建议：P0 先用 YouTube（国内用户少），P1 加 CDN 自托管。如果目标用户主要是国内，直接 B 方案。

---

七、决策建议

要不要做完整版？

建议

✅ 做完整版，分阶段。

理由很简单：VOA 已经把内容都做好了，我们只是搬运工 + 整合者。Conversation 只是 40% 的资源，剩下 60% 不用就是浪费。

Phase 2（视频 + PDF）优先级最高——这是最大 ROI 的补全，几乎零开发成本带来体验飞跃。

Phase 3（口语 + 发音）是中期的差异化竞争力——其他 App 有对话文本，很少有人做"一键跟读 + 发音讲解"的整合流。