ilaandClaude Opus 4.8
d37b83011a
- design_mockups/play.html：播放页，含逐句字幕高亮 + 点句跳转 + 播放器， 用 ep1 真实台词；CSS 变量化，可迁移进 go-app - design_mockups/list.html：26 集课程列表，含进度环、Act 音频状态、 ep18+ 无音频降级态；用真实集标题 - design_mockups/README.md：设计语言与文档对应说明 - 06-tasks：新增 Phase D / T-200 设计任务 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
走遍美国 · 英语学习 PWA
一个用 Go (go-app + WebAssembly) 构建的渐进式 Web 应用 (PWA)，基于「走遍美国 (Family Album, U.S.A.)」素材，帮助用户通过音频 + 同步字幕进行沉浸式英语听力学习。
本主页汇总项目的核心文档，按"为什么 → 要什么 → 用什么 → 怎么搭 → 怎么写"分层。
📌 一句话定位
大屏手机 / 平板优先，可安装、可离线，账号化的「走遍美国」音频精听学习工具。
🗂 文档导航
- 项目愿景 — 为什么 / 为谁 / 产品原则 / 不做什么
- 需求 — 要什么 + 验收标准（产品语言，无技术词）
- 技术栈 — 用什么：框架 / 数据库 / UI / 状态管理 / 部署（速查）
- 架构设计 — 怎么搭：系统结构、职责划分、数据模型、技术难点
- 编码规则 — 怎么写：AI 写代码前必读的硬约束
⚡ 当前阶段
第一版 (MVP) 最小闭环：课程列表 + 音频播放 + 字幕同步 + 生词本 + 账号同步。后续迭代加入测验与打卡。
🛠 技术栈速览
- 前端：go-app (Go → WebAssembly)，PWA 可安装 / 离线
- 后端：Go
net/http+ SQLite - 素材：26 集英文文稿 + 逐句时间戳（音频覆盖 ep1–17，ep18–26 待补）