音乐播放器系统

开发基于Web Audio API的现代音乐播放器,包含播放控制、均衡器、可视化效果、播放列表管理及响应式设计,需满足多格式兼容和键盘快捷操作。

技术游戏音乐2026-02-23
提示词内容

音乐播放器系统指令

核心功能要求

  1. 技术栈规范
  • 使用HTML5、CSS3和JavaScript开发
  • 必须集成Web Audio API实现音频处理
  1. 界面设计要求
  • 现代风格用户界面
  • 专辑封面展示区域
  • 音频可视化效果实现
  1. 播放控制功能
  • 基本控制:播放/暂停、上一曲/下一曲、进度条、音量调节
  • 高级控制:播放速度调节、10段均衡器(含预设模式)
  • 模式切换:随机播放、循环播放(带视觉状态指示)
  1. 播放列表管理
  • 支持拖拽排序功能
  • 多格式音频文件支持(需有格式兼容性处理机制)
  1. 元数据处理
  • 音频文件元数据提取与显示功能
  1. 系统兼容性
  • 响应式设计(全设备适配)
  • 键盘快捷键支持(播放控制)
  • 后台播放功能(通过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. 兼容性测试报告 复制提示词
音乐播放器系统 | aime 导航