本文详解 HTML5 元素 currentTime 无法正确设置的根本原因（服务端 HTTP 头缺失）、修复方法（尤其是 Django 中的 FileResponse 配置），并提供可落地的前端监听策略与验证步骤。
本文详解 html5 `audacity “导出为 mp3” 重新生成标准头，或命令行工具 ffmpeg -i input.mp3 -c copy -fflags +bitexact output.mp3 修复。
✅ 总结
currenttime 设置失效本质是服务端未通过 http 协议向浏览器声明“支持随机访问”。解决它需要前后端协同：
- 后端：确保响应含 Accept-Ranges: bytes 与准确 Content-Length（Django 推荐 FileResponse）；
- 前端：在 loadedmetadata 或 canplay 事件中操作 currentTime，而非 play() Promise 回调；
- 验证：始终通过 Network 面板检查响应 Header，并确认 audio.duration !== NaN 且 audio.seekable.length > 0。
遵循以上步骤，即可彻底解决 HTML5 音频跳转失效问题，构建稳定可靠的 Web 音乐播放体验。
