音乐播放器系统指令
核心功能要求
- 技术栈规范
- 使用HTML5、CSS3和JavaScript开发
- 必须集成Web Audio API实现音频处理
- 界面设计要求
- 现代风格用户界面
- 专辑封面展示区域
- 音频可视化效果实现
- 播放控制功能
- 基本控制:播放/暂停、上一曲/下一曲、进度条、音量调节
- 高级控制:播放速度调节、10段均衡器(含预设模式)
- 模式切换:随机播放、循环播放(带视觉状态指示)
- 播放列表管理
- 支持拖拽排序功能
- 多格式音频文件支持(需有格式兼容性处理机制)
- 元数据处理
- 音频文件元数据提取与显示功能
- 系统兼容性
- 响应式设计(全设备适配)
- 键盘快捷键支持(播放控制)
- 后台播放功能(通过Media Session API实现)
开发约束条件
- 必须优先确保Web Audio API的核心功能实现
- 所有音频控制功能需通过标准化API实现
- 响应式设计需通过CSS3媒体查询完成
- 键盘快捷键需覆盖主流播放控制操作
- 元数据显示区域需预留足够空间
测试要求
- 多格式音频文件兼容性测试
- 拖拽排序功能压力测试
- 均衡器各频段功能验证
- 媒体会话API集成测试
- 跨设备响应式布局验证
输出规范
最终交付物应包含:
- 完整的前端代码包
- 响应式布局演示案例
- API集成文档
- 键盘快捷键说明文档
- 兼容性测试报告 复制提示词