feat: display remaining time instead of total duration in AudioPlayer

2025-07-30 22:23:43 +08:00
parent e69395dca0
commit ed4800de6e
1 changed files with 3 additions and 1 deletions
--- a/src/components/AudioPlayer/index.tsx
+++ b/src/components/AudioPlayer/index.tsx
@@ -98,7 +98,9 @@ export default function AudioPlayer({ src, className }: AudioPlayerProps) {
        <Slider value={[currentTime]} max={duration || 100} step={1} onValueChange={handleSeek} />
      </div>

-      <div className="text-sm font-mono text-muted-foreground">{formatTime(duration)}</div>
+      <div className="text-sm font-mono text-muted-foreground">
+        {formatTime(Math.max(duration - currentTime, 0))}
+      </div>
    </div>
  )
 }