From e40fd2625f66ea7bd8ce4313614cf0bf138da473 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Sat, 5 Nov 2022 01:24:40 +0800
Subject: [PATCH] fix web playback log behavior

---
 web/src/component/AudioPlayer.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/component/AudioPlayer.js b/web/src/component/AudioPlayer.js
index 76d9960..269c9b6 100644
--- a/web/src/component/AudioPlayer.js
+++ b/web/src/component/AudioPlayer.js
@@ -28,8 +28,11 @@ function AudioPlayer(props) {
     if (file_id === null) {
       return
     }
+    const player = document.getElementById('dom-player')
     const endPlayTime = new Date()
-    const duration = parseInt((endPlayTime - beginPlayTime) / 1000)
+    let duration = parseInt((endPlayTime - beginPlayTime) / 1000)
+    const maxDuration = parseInt(player.duration)
+    duration = duration < maxDuration ? duration : maxDuration
     setBeginPlayTime(endPlayTime)
     await fetch('/api/v1/record_playback', {
       method: "POST",
@@ -248,11 +251,7 @@ function AudioPlayer(props) {
           // 1 music finished
           recordPlaybackHistory(props.playingFile.id, 1)
         }}
-        onPause={() => {
-          // 4 music paused
-          recordPlaybackHistory(props.playingFile.id, 4)
-        }}
-        onPlay={() => {
+        onPlay={async () => {
           setBeginPlayTime(new Date());
         }}
       ></audio>