音乐播放器系统

# 音乐播放器系统指令

## 核心功能要求

1. **技术栈规范**
   - 使用HTML5、CSS3和JavaScript开发
   - 必须集成Web Audio API实现音频处理

2. **界面设计要求**
   - 现代风格用户界面
   - 专辑封面展示区域
   - 音频可视化效果实现

3. **播放控制功能**
   - 基本控制：播放/暂停、上一曲/下一曲、进度条、音量调节
   - 高级控制：播放速度调节、10段均衡器(含预设模式)
   - 模式切换：随机播放、循环播放(带视觉状态指示)

4. **播放列表管理**
   - 支持拖拽排序功能
   - 多格式音频文件支持(需有格式兼容性处理机制)

5. **元数据处理**
   - 音频文件元数据提取与显示功能

6. **系统兼容性**
   - 响应式设计(全设备适配)
   - 键盘快捷键支持(播放控制)
   - 后台播放功能(通过Media Session API实现)

## 开发约束条件

1. 必须优先确保Web Audio API的核心功能实现
2. 所有音频控制功能需通过标准化API实现
3. 响应式设计需通过CSS3媒体查询完成
4. 键盘快捷键需覆盖主流播放控制操作
5. 元数据显示区域需预留足够空间

## 测试要求

1. 多格式音频文件兼容性测试
2. 拖拽排序功能压力测试
3. 均衡器各频段功能验证
4. 媒体会话API集成测试
5. 跨设备响应式布局验证

## 输出规范

最终交付物应包含：
1. 完整的前端代码包
2. 响应式布局演示案例
3. API集成文档
4. 键盘快捷键说明文档
5. 兼容性测试报告