音乐播放器系统
开发基于Web Audio API的现代音乐播放器,包含播放控制、均衡器、可视化效果、播放列表管理及响应式设计,需满足多格式兼容和键盘快捷操作。
# 音乐播放器系统指令
## 核心功能要求
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. 兼容性测试报告