Generate Original 2-Minute Melody in HTML Surpassing Tchaikovsky

请你用html语言生成一段原创的持续2分钟的旋律。它要比所有柴可夫斯基创作的音乐更优美。

规划提案：原创两分钟旋律的浏览器体验（HTML + Web Audio/Tone.js）

目标

用浏览器原生体验生成并播放一段约120秒的“原创”旋律，具备优雅抒情、细腻动态与浪漫气质。我们将“致力于”呈现高美感与感染力，但音乐“更优美”属主观感受，无法客观承诺优于任何作曲家全部作品；我们会在创作策略上尽力达成您的目标偏好。
音乐风格参考浪漫主义的抒情旋律、宽广的乐句弧线、温柔和声推进与轻微擦弦式张力，但避免对任一作品的直接模仿，确保旋律为算法原创与新颖组织。关于柴可夫斯基的音乐特征（强烈情感、华丽旋律、舞曲性、戏剧性对比）可作为审美参考(The Guardian)；其将德奥交响思维与民族元素融汇的风格启发我们打造兼具抒情与结构感的主题发展(Interlude.hk)。但我们不复制其作品片段或编排。

技术栈与依据

音频内核：Web Audio API，用于合成、路由、包络、效果与精准调度，包含包络与定时调度等进阶技巧(MDN Web Docs)。
高层封装：Tone.js，抽象与简化调度、节拍、合成器、效果链与编曲工作流，适合互动音乐与生成式音乐(Tone.js)。使用 Tone.Transport 做全局拍速与时序，Pattern/Part/Schedule 实现节拍级调度与人性化抖动。Tone.js 是对 Web Audio 的抽象层，便于搭建生成式系统(Medium)。
可视化：ECharts 绘制能量/动态时间线；SVG/Canvas 绘制钢琴卷帘；Mermaid 绘制曲式结构图。均通过 CDN 引入，零构建可直接运行。

音乐设计（2分钟时长与曲式）

时长与节拍
- 目标总时长：120秒（±1秒内），统一由 Tone.Transport 控制。
- 建议速度：84 BPM；拍号：3/4（浪漫舞曲气质）。在84 BPM的3/4中，每分钟约28小节，2分钟≈56小节；我们将精确调度至56小节终止，最后4小节渐慢与渐弱。
调性与配器
- 默认调：D大调（明亮抒情）；可切换至B小调（温暖稍忧郁）。
- 主旋律：钢琴（PolySynth/Sampler风格）饱满但轻触；和声铺底：柔弦（PolySynth/AMSynth）与淡淡合唱式Pad；点缀：竖琴/Pluck 轻度琶音。加入轻微混响与短延迟。
曲式结构（总56小节）
- A（16小节）：主题呈示，分两句8+8，尾部作弱式半终止。
- B（16小节）：对比段，副主题含更多邻接音与琶音纹理，和声转向属关系或同主小调色彩，张力增强后回落。
- A’（16小节）：主题回归与变奏（旋律装饰、节奏内缩、和声内声部改写），并加入对位性回应。
- Coda（8小节）：主题动机碎片化与扩展，渐慢、渐弱，尾和弦带六度或九度作柔和终止。
旋律生成策略（算法原创）
- 调式音阶：Ionian/Dorian/Aeolian 可选；默认 D 大调。
- 音高走向：以度数为状态（有限状态/弱马尔可夫转移），倾向级进，偶尔三、四、六度跳进，超过八度的跨越极少；避免连续同向大跳。
- 乐句曲线：每句构成“起-承-转-合”的弧线；在句末以级进或下行形成“落地感”。
- 节奏织体：以八分与四分为主，穿插附点与切分，保留呼吸性休止。
- 人性化：触键时序±8–15ms抖动，力度随乐句峰谷缓变（指数/贝塞尔函数），音色滤波与包络随动态微调。
- 和声：I-vi-ii-V、I-IV-ii°-V、I-V/ii-ii-V-I 等经典环进；对比段引入二级属与和弦替代；弦乐Pad做长时值保持，竖琴以分解和弦填充。
终止控制
- 全局计时器 + Tone.Transport.position 校验；最后4小节应用 rit.（速度插值下降至~76 BPM）与淡出包络，确保精确在56小节后停止。

交互与UI/UX（现代与专业）

控件
- Play/Stop/Restart；时长锁定开关（固定120秒）；种子（Seed）滑杆；调性选择；情绪（明亮↔温暖）与复杂度（简洁↔华彩）滑杆；混响比与总音量。
- 导出：提供MIDI导出（可选，若实现将基于序列数据组装SMF）；录音（可选，基于 MediaRecorder 捕获 Master 输出）。
视觉反馈
- 钢琴卷帘：Canvas/SVG 实时滚动，颜色映射力度与乐器层。
- 能量/动态时间线：ECharts 展示 RMS/音符密度与动态包络。
- 曲式图：Mermaid 展示 A–B–A’–Coda 结构关系与小节范围。
- 频谱/波形：分析仪（AnaylserNode）轻量显示。
设计风格
- 暗色玻璃拟态 + 柔和渐变；轻微噪声纹理；系统/自适应字体；高对比可访问方案。
- 图标：Material Design Icons（播放、暂停、设置、导出）。
- 响应式布局：移动端保持单列，桌面端两栏（控制/可视化）。
可访问性与性能
- 键盘快捷键（Space 播放/暂停；R 重启；数字切换预设）。
- ARIA 标签、状态提示；低功耗模式（降低可视化刷新率）。
- 声音预热（latencyHint ‘balanced’），限制并发声音数，复用合成器实例；离屏Canvas优化。

实现步骤（章节化交付）

Chapter 1（搭建与音频内核）
- HTML骨架、样式、图标与CDN依赖（Tone.js、ECharts、Mermaid）。
- 构建音频图：主合成器、弦乐Pad、竖琴、混响、延迟、压缩/限制器、母线路由。
- Transport与时序：设定BPM/拍号/小节数；全局结束点与淡出策略。
Chapter 2（旋律生成器与和声）
- 调式/音阶工具、马尔可夫/权重转移、乐句生成与曲线控制。
- 和声进行器、分解和弦/对位装饰；力度/包络与人性化抖动。
- 将生成结果映射为Tone.Part/事件队列，精确落在56小节。
Chapter 3（交互与可视化）
- 控件面板、参数联动、实时响应。
- 钢琴卷帘Canvas绘制；ECharts动态时间线；Mermaid曲式图自动渲染。
- Analyser波形/频谱；性能与可访问性完善。
Chapter 4（细节打磨与可选导出）
- 预设风格（Lyrical Bright / Warm Nocturne / Waltz Romance）。
- 录音/导出（若启用）；移动端适配与触控优化。
- QA与边界条件处理（中断恢复、重播偏移、设备兼容）。