# Music Workbook

系统化音乐理论学习与练习册，把教程、谱例、练习、听觉训练和智能复习组织成浏览器里的 workbook。

## Metadata

- HTML: https://glenzli.com/projects/music-workbook/
- Markdown: https://glenzli.com/projects/music-workbook.md
- Collection: Projects
- Language: zh-CN
- Published: 2026-06-30
- Status: active
- Tags: music, theory, workbook

## Content

Music Workbook 是一个系统化的音乐理论学习与练习册。它把基础乐理、和声、曲式分析、听觉训练、配器、总谱阅读、爵士理论和现代音乐分析整理成可阅读、可练习、可复习的交互式模块。

这个项目的重点是音乐理论知识本身，而不是前端工程模板。它更像一本可以在浏览器里使用的音乐理论 workbook：教程页讲清概念和规则，练习页把知识点拆成可重复训练的题目，五线谱、虚拟钢琴和音频播放降低抽象概念的理解成本，本地练习记录和智能复习帮助学习者回到薄弱知识点。

## 项目入口

  ![Music Workbook 项目 banner](/images/projects/music-workbook-cover.webp)

它完全在浏览器中运行，练习记录保存在本地，不依赖服务端会话。

## 内容范围

| 分类 | 模块 |
| --- | --- |
| 基础乐理 | 视奏与音符识别、音程、节奏与节拍、调号识别、音乐术语 |
| 和声体系 | 和弦、小调体系、高级和声、重配和声、数字低音、声部进行、调式、转调、SATB 四部和声、爵士理论 |
| 分析与创作 | 作曲理论、乐句结构、风格惯用法、对位法、曲式分析、12 小节布鲁斯、音级集合 |
| 听觉与实践 | 连续视奏、听觉训练、和声听写、视唱练耳、移调、配器与编曲、总谱阅读 |
| 声学与演奏 | 律制对比、扩展演奏技法、指挥图示 |

首页目前提供 32 个专题模块，并集成学习统计、智能复习、模拟扒谱和模拟分析入口。

## 学习方式与界面示例

### 首页：按知识领域组织模块

  ![Music Workbook 首页与模块导航](/images/projects/music-workbook-home.webp)
  首页把模块拆成基础乐理、和声体系、分析与创作、听觉与实践、声学与演奏几个区域。每个主题都可以直接进入教程或练习。

### 教程：先理解概念，再看谱例

  ![Music Workbook 音程教程页面](/images/projects/music-workbook-lesson.webp)
  教程页以文字说明、五线谱示例和键盘图示为主。比如音程模块会解释旋律音程、和声音程、度数和半音关系，再用谱面和钢琴键盘展示例子。

### 练习：把知识点变成即时反馈

  ![Music Workbook 视奏与虚拟钢琴练习](/images/projects/music-workbook-drill.webp)
  练习页强调快速识别和操作反馈。视奏练习会显示调号、目标音、得分、连击、平均速度和虚拟钢琴，适合训练音符识别、键盘定位和反应速度。

### 学习统计：跟踪进度和复习状态

  ![Music Workbook 学习统计与模块进度](/images/projects/music-workbook-progress.webp)
  学习统计页汇总答题数量、准确率、连续练习和总时长，并按模块展示完成进度，用来判断哪些主题已经练过，哪些主题需要继续巩固。

## 核心学习流程

- 教程学习：每个主题提供概念解释、规则梳理、谱例或图示。
- 专项练习：围绕单个知识点生成题目，适合反复训练。
- 视奏与键盘练习：结合五线谱和虚拟钢琴进行音符识别与定位。
- 听觉训练：通过浏览器音频播放进行音程、和弦和听写类练习。
- 智能复习：练习记录保存在本地，复习流程会优先回到薄弱主题。
- 综合应用：模拟扒谱和模拟分析把听辨、调性判断、和声标注和曲式判断串在一起。

## 说明

这个项目是个人学习界面和音乐理论知识库。它是一个无后端的 React 单页应用，练习数据和复习记录默认保存在浏览器 `localStorage` 中，可以按模块持续扩展，而不需要改变静态托管模型。